MSDN España

HTML5 para Aplicaciones: la cuarta edición de la IE10 Platform Preview

esmsdn — Wed, 22 Feb 2012 08:51:00 GMT

Ya está disponible una edición actualizada de la Preliminar de Desarrollo de Windows para Internet Explorer 10 y se puede descargar aquí. Esta preliminar de IE10 incorpora soporte para una serie más extensa de tecnologías HTML5, lo que permite crear aplicaciones Web más avanzadas con un rendimiento notablemente superior. La aceleración por hardware de IE10 aplicada a tecnologías como SVG, transformaciones y animaciones CSS3 produce una restitución en pantalla más veloz que con otros navegadores, como puede verse en este video (en inglés).

Presentación de algunas novedades de HTML5 y mejoras del rendimiento en IE10.

Con esta cuarta edición de la Platform Preview, los desarrolladores pueden empezar ya a trabajar con más tecnologías HTML5. La lista completa se puede leer aquí en la guía de desarrollo de IE10. Estos son algunos de los aspectos más relevantes:

CORS (Cross-Origin Resource Sharing), para un uso seguro de XMLHttpRequest entre dominios diferentes.
Soporte de escritura en la API File para blobBuilder, lo que permite la manipulación de grandes objetos binarios desde el script dentro del navegador.
Soporte para arrays con tipo en JavaScript, para un almacenamiento y manipulación eficientes de datos con tipos definidos.
Propiedad user-select de CSS para controlar la forma en que los usuarios finales seleccionan elementos dentro de una página Web o una aplicación.
Soporte para la inserción de texto en vídeos HMTL5 (captioning), incluyendo las funciones de codificación de tiempos, ubicación y formato de archivo de captioning.

Las capacidades enumeradas son fundamentales para aquellos desarrolladores de aplicaciones nativas que quieran orientarse hacia estas áreas: operación con archivos y datos binarios, control de selección y test de acierto en la interfaz de usuario de la aplicación y entrega de contenidos de vídeo con accesibilidad mediante textos en pantalla. Las funcionalidades presentadas en esta Platform Preview ya están disponibles para su uso en las páginas web y estarán también disponibles en las aplicaciones basadas en la interfaz Metro con Windows 8.

Creación de aplicaciones con HTML5

Esta preliminar de HTML5 soporta CORS (iniciales de Cross Origin Resource Sharing) que permite a los desarrolladores utilizar el protocolo XMLHttpRequest de manera segura para solicitar, compartir y transferir datos entre aplicaciones situadas en dominios diferentes. Es un modelo habitual que los desarrolladores utilizan para exponer juntos datos y servicios obtenidos desde distintas aplicaciones en esta demo de Test Drive, se puede ver cómo se utiliza CORS con XMLHttpRequest, la API File y el control de progresión de HTML5 para ofrecer una experiencia fluida en la carga de varios archivos a un servicio ubicado en otro dominio.

Pulsa aquí para ver una demostración del uso de CORS con XMLHttpRequest para cargar archivos entre dominios distintos.

Al tener posibilidad de operar con archivos y datos binarios, los desarrolladores pueden crear nuevas tipologías de aplicaciones y experiencias en la Web. Esta preliminar de IE10 soporta también el uso de blobBuilder desde la API File: Writer para operar con grandes objetos binarios (blobs) y con arrays con tipo desde JavaScript. En esta demo de Test Drive podemos ver cómo distintos tipos de archivo, incluyendo tipos de archivo no soportados de forma nativa en el navegador, como archivos PCX, pueden leerse e incluso mostrarse en pantalla sus contenidos internos.

Pulsa aquí para ver un ejemplo del uso de arrays con tipo en JavaScript junto con la API File para leer y visualizar archivos binarios.

A medida que los desarrolladores crean aplicaciones más sofisticadas en la web, necesitan un control más preciso sobre la manera en que los usuarios finales seleccionan partes de las páginas. Gracias al soporte para la propiedad “user-select” de CSS en IE10, los desarrolladores pueden indicar qué elementos de la página puede seleccionar un usuario final al ejecutar sus aplicaciones. En esta demo de Test Drive se muestra cómo el control de selección se aplica a una aplicación de blog de ejemplo utilizando la propiedad user-select en una regla de CSS.

Pulsa aquí para probar user-select de CSS en el control de la selección de zonas de una página Web.

Mejoras aplicadas al markup de HTML5

Seguimos aportando a los organismos de estandarización de HTML5 nuestros casos de prueba en desarrollo, y hemos remitido 118 tests nuevos con el objetivo de mejorar la interoperabilidad y el funcionamiento del código actual. Se pueden ver también en el IE Test Center. Recomendamos encarecidamente a todos los desarrolladores que adopten los estándares HTML5 encabezando siempre los archivos con la <!DOCTYPE html>.

La IE10 Preview 4 incorpora un modo de compatibilidad “quirks mode” actualizado, más interoperable y coherente con la forma en que funcionan los modos de compatibilidad con versiones antiguas en navegadores como Firefox, Chrome, Safari y Opera. Este modo de compatibilidad actualizado soporta estilos de presentación de página antiguos y permite el uso de funcionalidades basadas en estándares más actuales, como por ejemplo los elementos HTML5 de audio, vídeo, canvas, etc.

Puedes consultar la lista completa de nuevas funcionalidades disponibles para los desarrolladores en la guía de desarrollo de IE10 aquí. Descarga la Edición preliminar de desarrollo de Windows 8 para actualizar tu navegador a IE10. Esperamos seguir manteniendo vivo el interés de la comunidad de desarrolladores y conocer tus opiniones y experiencias en Connect.

FUENTE: Rob Mauceri - http://blogs.msdn.com/b/ie/archive/2011/11/29/html5-for-applications-the-fourth-ie10-platform-preview.aspx

Saludos,

El equipo de MSDN España

Presentación de la tienda Windows Store

esmsdn — Mon, 20 Feb 2012 08:27:00 GMT

Hola, soy Antoine Leblond, Vicepresidente de Windows Web Services. Este es el primer artículo de nuestro nuevo blog sobre Windows Store, y quiero dedicarlo a informar a los desarrolladores tanto de la marcha de la Tienda como servicio, de la plataforma y la oportunidad económica que supone.

El pasado mes de septiembre presentábamos Windows Store como parte de Windows 8 y el punto de distribución para las aplicaciones estilo Metro. Y hoy, en nuestro evento Store Preview en San Francisco, describía las políticas de aplicación y las condiciones de negocio para la Tienda. Ambas declaraciones ya están publicadas en nuestro Dev Center. Además hemos anunciado nuestro Primer concurso de Aplicaciones para los desarrolladores y hemos confirmado que vamos a invitar a un grupo selecto de desarrolladores a que nos envíen aplicaciones estilo Metro para que se incluyan en la versión Beta de la Tienda.

Nos complace enormemente poder publicar las cifras económicas sobre los primeros desarrolladores de la Tienda, en donde un 80% de la facturación corresponde a aplicaciones vendidas a través de nuestra plataforma. La combinación de la gran difusión de Windows, una nueva plataforma de desarrollo, las mejores herramientas de desarrollo del mercado, una nueva experiencia de usuario, soporte para nuevos chipsets y una Tienda integrada con las mejores condiciones del sector para las empresas, Windows 8 es, sin duda, la mejor oportunidad para los desarrolladores que hayan tenido nunca.
Este primer artículo lo ha escrito Ted Dworkin, Partner Program Manager de la Tienda
- Antoine

Cuando decidimos poner en marcha Windows Store, queríamos hacerlo de la mejor manera posible para conectar a la gente a tantas aplicaciones geniales como fuera posible. Éramos conscientes del reto que suponía mantener las aplicaciones, sobre todo un catálogo de aplicaciones en continuo crecimiento. Pensamos mucho sobre cómo garantizar la calidad, mantener el nivel de confianza, reducir las fricciones y ofrecer el máximo de opciones donde elegir. Primero diseñamos unas líneas maestras. Después fijamos una serie de principios generales que deberían regir tanto el diseño general de la Tienda como la colaboración que queríamos mantener por la parte de los desarrolladores:

Diseño orientado al descubrimiento
Modelos de negocio flexibles
Condiciones transparentes
La mayor rentabilidad

Ahora analizaré cada uno de estos principios y describiré cómo los pueden utilizar los desarrolladores para que les ayuden a construir experiencias realmente buenas para los clientes.

Diseño orientado al descubrimiento

Garantizar la visibilidad de las aplicaciones y la eficiencia y fluidez del proceso de descubrimiento de las mismas pasó a ser el principal pilar del diseño de nuestra Tienda. Utilizamos el mínimo "marco" en la presentación, de modo que las aplicaciones destacan más en pantalla y se completan con una serie de mecanismos de búsqueda y promoción –motor de búsqueda, navegación por categorías, listas de clasificación, comentarios- para ayudar al público a encontrar lo que buscan.

EL diseño de Windows Store está orientado a facilitar el descubrimiento

El diseño de la página de inicio trata de que las aplicaciones atractivas salgan a la superficie. Utilizamos categorías para ayudar en la organización de las aplicaciones –más recientes, más populares y las más demandadas últimamente, todas tienen su propias listas. Podemos encontrar recomendaciones personalizadas de aplicaciones y páginas temáticas que promocionan aplicaciones relacionadas con temas editoriales, ayudando a sacar a la luz mucho material de alto valor que de otra forma podría quedar oculto.

La navegación es sencilla y consistente con el modelo de Windows 8. La búsqueda integrada permite el descubrimiento directo, con movimientos suaves de desplazamiento a través de las distintas categorías y filtros de categoría que nos ayudan a encontrar las aplicaciones más relevantes.

Sabemos que la gente utiliza la Web para encontrar aplicaciones, así que el catálogo de la Tienda tiene que estar indexado por los motores de búsqueda. También está soportado el enlace directo a la página web de las aplicaciones.

Encontrar aplicaciones desde los buscadores de la web

Búsqueda en la web que devuelve enlaces directos a la página de la aplicación en el listado

El resultado de una búsqueda en la web apuntará a una versión web de la lista de aplicaciones, que se publica basándose en el mismo contenido que ofrece la lista de aplicaciones de la Tienda. Si utilizas Windows 8, la página te lleva a la Tienda. Si no tienes Windows 8, la página dice que la aplicación está disponible en Windows 8.

Los desarrolladores pueden publicitar las aplicaciones desde sus propios sitios web, no solo con los logos “disponible en Windows Store” sino también con la promoción integrada a través de Internet Explorer 10. Con una sola línea de código, tu sitio web publicita tu aplicación por medio del botón de aplicación del navegador, visible a cualquiera que ejecute Internet Explorer 10 en Windows 8.

Cuando se visita un sitio con Internet Explorer 10 en Windows 8, un botón de aplicación aparece en los sitios que tienen disponible una aplicación estilo Metro

El botón de aplicación en un PC con Windows 8 nos conduce a la lista de aplicaciones de la Tienda, o directamente a la aplicación si está instalada.

Estas posibilidades del diseño reducen al mínimo la distancia entre el usuario y el catálogo de aplicaciones, que es el panel de promoción de los desarrolladores. Aquí abajo podemos ver que ZeptoLab, los desarrolladores del popular juego Cut the Rope, aprovechan al máximo las posibilidades del diseño de la página de lista de aplicaciones para mostrar la aplicación Cut the Rope que han desarrollado para Windows 8.

Games > Puzzle / ***** Average rating (1023) / $1.49 / Buttons: Buy / Try / Large image and detailed description of the app" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-49-52-metablogapi/8535.Free-trials-with-in_2D00_app-purchasing_5F00_thumb.png" border="0" height="316" width="562" />

Las aplicaciones estilo Metro pueden ofrecer versiones de prueba gratuitas con opción de compra

Alcance

La visibilidad también se puede definir como la posibilidad de llegar a clientes en todo el mundo en el idioma correspondiente. La tienda Windows Store es una oportunidad para llegar a clientes con aplicaciones gratuitas y de pago en 231 mercados de todo el mundo.

Tenemos una serie de catálogos específicos para ciertos mercados, adaptados a esos clientes y catálogo “ROW” (Rest of World), para todos los demás mercados. Los desarrolladores pueden elegir los catálogos en donde desean que aparezcan sus aplicaciones y seguiremos ampliando el número de catálogos para mercados específicos y proveedores de pago con el tiempo, según vaya evolucionando el servicio de la Tienda. Puedes ver el alcance de nuestro soporte a nivel mundial en el Dev Center.

La tienda Windows Store estará disponible en 231 mercados de todo el mundo. Esta es la versión del mercado para China

A pesar de que Windows Store aún no está disponible, los desarrolladores con más talento en Renren –una popular red social de China- han creado ya una aplicación muy avanzada, estilo Metro, en XAML y C# pensada para sus clientes y para que disfruten con su uso.

Windows Store se podrá utilizar en más de 100 idiomas. En este ejemplo, la red social Renren de China ha creado una aplicación estilo Metro para este país.

Empresas

A día de hoy hay más de 1.250 millones de usuarios de Windows en todo el mundo, por lo que nuestro diseño debe adecuarse tanto a los consumidores como a los usuarios de empresa. Los desarrolladores de empresas nos preguntan sobre su papel en el mercado con las aplicaciones estilo Metroo. Y por su parte, los administradores de TI también nos preguntan sobre cuestiones de despliegue y gestión de aplicaciones y sobre asuntos importantes como la seguridad y el cumplimiento. Las aplicaciones mostradas en la Tienda están a disposición de todos los usuarios de Windows 8, de manera que las aplicaciones de empresa también se pueden ofrecer desde la Tienda igual que las demás aplicaciones estilo Metro. No obstante, también ofrecemos nuestro apoyo a las empresas que desean controlar directamente el despliegue de las aplicaciones estilo Metro.

Las empresas pueden optar por limitar el acceso al catálogo de Windows Store a sus empleados, o permitirles el acceso pero restringirlo a cierto tipo de aplicaciones. Además las compañías pueden optar por desplegar las aplicaciones estilo Metro directametne en los PCs, sin pasar por la infraestructura de la Tienda. Para la Beta de Windows 8, los administradores de TI pueden usar las políticas de grupo para permitir la instalación de aplicaciones estilo Metro siempre que dichas aplicaciones estén firmadas por publicadores de confianza y las máquinas estén integradas en un dominio. Después el administrador de TI puede utilizar commandlets de PowerShell para gestionar estas aplicaciones estilo Metro en Windows 8.

ESRI ha creado su aplicación estilo Metro en XAML y C# para el envío de reclamaciones, aplicando sus potentes capacidades de GIS, y tienen previsto venderla directamente a las compañías de seguros.

Windows Store ofrece también aplicaciones para empresas

Esta aplicación para empresas la pueden desplegar directamente los administradores de TI a los PCs con Windows 8 que gestionan. Pero también pueden hacerlas disponibles para equipos que se utilizan en el trabajo y en casa. Podemos ver en esta imagen que una tableta que la aplicación de ESRI convive no solo con una serie de juegos de la Tienda sino con una aplicación de línea de negocio de nota de gastos que TI ha proporcionado al usuario para uso interno.

Los departamentos de TI pueden desplegar aplicaciones a dispositivos gestionados y no gestionados

Este modelo de despliegue flexible garantiza que los empleados tienen el software en los dispositivos que prefieren utilizar y que los departamentos de TI siguen gestionando sus inversiones en software de acuerdo con las necesidades y políticas internas de la compañía.

Modelos de negocio flexibles

En la conferencia //build/, estuvimos hablando sobre la flexibilidad de la plataforma desde un punto de vista técnico y las opciones de tecnología de que disponen los desarrolladores para crear aplicaciones estilo metro. Pero también es un asunto de gran importancia para ellos el tener libertad y flexibilidad a la hora de elegir el modelo de negocio más adecuado para sus aplicaciones. Los desarrolladores necesitan que sus modelos de negocio evolucionen si cambian las circunstancias. Hemos puesto en manos de los propios desarrolladores el control sobre estas opciones.

La plataforma soporta totalmente las aplicaciones gratuitas, las versiones de evaluación (tanto las que ofrecen periodos de prueba como las que restringen prestaciones) y las aplicaciones de pago, incluyendo la compra desde la propia aplicación. Y disponemos de estadísticas de ventas que les ayudan a orientar sus campañas de venta a los clientes de manera más eficaz.

Dicho esto, los desarrolladores pueden optar también por gestionar directamente sus propias transacciones de venta a clientes, por ejemplo, con suscripciones a publicaciones (periódicos, revistas) o adoptar un modelo de negocio donde las transacciones se producen fuera de la tienda, como sucede con las subastas. No exigimos el uso de un motor de transacción concreto y los desarrolladores pueden utilizar el que prefieran. Pueden también elegir en control de publicidad que les funcione mejor.

Plataforma de transacción de la Tienda

Las versiones de prueba y las compras desde las propias aplicaciones son dos modalidades muy eficaces a la hora de atraer a los clientes. Ambas están totalmente soportadas. Hemos tenido un éxito tremendo con las conversiones de versiones de prueba en aplicaciones en nuestro Marketplace de Windows Phone. Pero algunas plataformas no soportan las versiones de evaluación o exigen la descarga de la aplicación completa durante la conversión desde la versión de prueba. Admitimos la actualización desde la versión de evaluación, tanto para las de tiempo limitado como las que ofrecen funcionalidades de prueba, como se puede ver en el caso de Cut the Rope, cuya versión de evaluación ofrece de manera gratuita solo unos pocos niveles de la aplicación definitiva. Con la compra desde la propia aplicación, los jugadores de Cut the Rope pueden actualizarla a nuevos niveles directamente desde el contexto, mientras juegan con ella. No hay necesidad de recargas o reinicios y se mantienen todos los datos de configuración.

Windows Store soporta totalmente las versiones de evaluación

Esta aplicación de Animoto, hecha en HTML y JavaScript, utiliza también la plataforma de transacción de la Tienda para las actualizaciones integradas, como temas de vídeo de pago-por-consumo y compresión de vídeo de alta calidad desde el servicio de producción en la nube de Animoto.

La plataforma de transacción de Windows Store soporta las compras desde las aplicaciones

Animoto utiliza la plataforma de transacción para acceso por tiempo a sus servicios Premium (los usuarios pueden pagar por un periodo de un mes cada vez, o comprar una actualización a “Pro” que les sirve para todo un año).

Nuestro servicio de Licencias de la Tienda ayuda a proteger la propiedad intelectual de todos los desarrolladores de aplicaciones estilo Metro. Con él disponen de una experiencia consistente de cara al cliente y también admite nuevas funcionalidades como el traslado de aplicaciones entre equipos.

Transacciones con terceros

Hay montones de aplicaciones que ya tienen modelos de negocio que dependen de un proveedor de transacciones concreto, o que se beneficia de vínculos con otras líneas de negocio. Los clientes de estas empresas quieren la confianza y la eficacia de una experiencia de transacción económica fiable y familiar.

Los publicadores de contenidos, por ejemplo, disponen de su propia plataforma de transacción que se integran en sus sistemas CRM de modo que pueden gestionar sus suscriptores. El Daily Telegraph, un periódico británico fundado en 1855, tiene ya más de 600.000 suscriptores. Han creado una atractiva aplicación estilo Metro para Windows 8 y JavaScript. La aplicación utiliza el método actual de autenticación del Daily Telegraph para validar a sus suscriptores de la versión impresa y ofrece la versión digital como valor añadido extra para esos clientes.

Los desarrolladores que quieran utilizar sus propias plataformas de transacción para las compras desde dentro de las aplicaciones pueden hacerlo en la Windows Store

El Daily Telegraph puede mejorar la participación de sus lectores y ampliar su mercado con el modelo de aplicación de Windows 8 y el canal de distribución que le proporciona la Tienda, todo ello sin tener que rehacer sus mecanismos de autenticación ni transaccionales.

Los mercados que limitan las opciones de transacción pueden impedir ciertos modelos de negocio. Por ejemplo, eBay está creando su propia aplicación estilo Metro para Windows 8 de forma que gestione transacciones utilizando PayPal de la misma forma en que opera el sitio web de eBay a día de hoy, que es lo que esperan sus clientes.

La aplicación de eBay estilo Metro utiliza PayPal para gestionar transacciones, reproduciendo la manera en que opera el sitio de subastas actualmente

En coherencia con nuestro compromiso de flexibilidad para los desarrolladores, también ofrecemos distintas posibilidades de control para publicidad, puesto que muchos desarrolladores aprovechan el negocio de la publicidad como forma de subvencionar sus empresas. Con la tienda Windows Store, los desarrolladores pueden utilizar cualquier plataforma publicitaria que deseen, tanto de Microsoft como de cualquier otra empresa.

Transparencia y rentabilidad

Nuestra intención es aumentar la previsibilidad y eliminar toda subjetividad en el proceso de certificación de aplicaciones. Esto lo hacemos proporcionando a todos los desarrolladores las evaluaciones de certificación técnica –el Kit de Certificación de Aplicaciones- como parte del SDK. Además les proporcionamos la guía de aceptación de aplicaciones, redactada en lenguaje sencillo, dentro de nuestras políticas de certificación de aplicaciones. El Kit de Certificación de Aplicaciones y el SDK vienen incluidos dentro de la descarga de la versión Preliminar de Desarrollo de Windows 8. Por nuestra parte, ofreceremos nuestro feedback a aquellos desarrolladores cuyas aplicaciones sean rechazadas, con el fin de que puedan resolver las incidencias detectadas cuanto antes y volver a enviarlas para su publicación.

Nuestras políticas de certificación de aplicación ya están publicadas y se organizan en torno a unos pocos preceptos muy claros. Hemos preparado las políticas para asegurar la calidad y previsibilidad en el funcionamiento básico de las aplicaciones y el fomento de la innovación y el diseño de experiencias diferenciadas.

Sabemos que pueden hacerse interpretaciones muy variadas y van a surgir dudas. La flexibilidad de nuestra plataforma y del modelo de negocio de la Tienda seguramente dará paso a situaciones nuevas que no podemos anticipar, esto es así por definición. Queremos que sea un vehículo excelente para la comercialización de ideas innovadoras y por ello nuestras políticas son documentos vivos. Cuando estas cambien publicaremos un registro de cambios, de modo que los desarrolladores no van a tener que adivinar nada.

Rentabilidad de la Tienda

Puede que no exista una plasmación más evidente de nuestro compromiso con la viabilidad económica de los desarrolladores de plataforma Windows que la rentabilidad económica que puede generar para ellos la Tienda. Ya hemos superado la marca de los 500 millones de licencias vendidas para Windows 7, lo que supone que hay 500 millones de PCs que pueden migrar a Windows 8 el mismo día de su lanzamiento. Esto representa la mayor oportunidad que puede ofrecer una plataforma a los desarrolladores. Nuestras condiciones de negocio, las mejores del sector, son un exponente claro de este punto de vista en el que los desarrolladores ocupan el primer lugar. Intentamos ofrecer las condiciones más ventajosas, de modo que ofreciendo las mejores aplicaciones, los desarrolladores ganen más dinero con Windows que con ninguna otra plataforma. No podemos esperar a ver lo que se va haciendo.

Nuestra cuota de registro individual será de 49 USD (99 USD para empresas).
Vamos a compartir hasta el 80% de la cifra de negocio generada por la venta de aplicaciones.

La cuota de negocio compartido es del 70%, pero cuando una aplicación consiga llegar a una cifra de ventas de 25.000 USD –ventas agregadas en todos los mercados- esa aplicación pasa a un nivel del 80% de facturación compartida durante el resto de su ciclo de vida.

Así pues, una vez que una aplicación alcance el nivel de “gran éxito”, aumentaremos la cifra de ventas compartidas hasta el 80% para recompensar ese éxito. Nosotros esperamos que cuando la comunidad de desarrolladores comprueben la amplitud de nuestra base de clientes de Windows, el potencial que tiene la plataforma para la innovación y lo atractivos que son los nuevos dispositivos que funcionan con estos avances de software y hardware, van a reconocer que se trata de una oportunidad económica a una escala desconocida hasta ahora.

¿Y después?

La Windows Store empezará a funcionar cuando se lance la Beta de Windows 8 y esperamos que los clientes empiecen a probar algunas de las excelentes aplicaciones novedosas que podrán ver en ese momento. Así, hoy anunciamos el Primer Concurso de Aplicaciones, en el que los desarrolladores tienen una oportunidad de ir preparando sus aplicaciones para la Beta en Windows Store.

Una nota de última hora: todas las aplicaciones ofrecidas durante el periodo de Beta deben ser gratuitas, no habrá soporte para aplicaciones de pago en nuestra plataforma de aplicación durante esta fase. Vamos a retrasar la puesta en marcha de la plataforma de transacción para pagos hasta una fecha posterior. La versión Beta nos debe ayudar a probar y fortalecer nuestro modelo de escala. Es una buena oportunidad para recabar vuestras opiniones al respecto de los procesos de inscripción y certificación, y una ocasión para los desarrolladores de conseguir feedback de sus aplicaciones estilo Metro.

En las próximas semanas seguiremos publicando artículos en este blog, añadiendo análisis más profundos sobre algunas de las áreas que hemos revisado hoy y presentando nuevos temas para su discusión. Y este blog seguirá en activo después del lanzamiento de Windows 8. La Tienda es un servicio y seguirá evolucionando. Nosotros publicaremos aquí lo que vayamos aprendiendo y lo que queremos hacer en el futuro.

Para nosotros, tus opiniones y tus preguntas tienen una enorme importancia. Con esta finalidad hemos creado y dedicado en exclusiva un Foro sobre Windows Store en donde se recogerán todas nuestras conversaciones. ¡Esperamos veros por allí!

- Ted Dworkin

FUENTE: Antoine Leblond - http://blogs.msdn.com/b/windowsstore/archive/2011/12/06/announcing-the-new-windows-store.aspx

Saludos,

El equipo de MSDN España

Catálogo Soluciones en Windows Azure

esmsdn — Fri, 17 Feb 2012 09:56:50 GMT

Tenemos la satisfacción de presentar el primer Catálogo de Soluciones desplegadas en Windows Azure. En esta primera versión incluimos un total de 49 soluciones. Todas están ya comercialmente disponibles y han sido desarrolladas por empresas españolas. Este catálogo cubre únicamente aquellas aplicaciones orientadas a empresas de todo tipo y no se han incluido soluciones orientadas al consumidor (aunque hay unas cuantas en Azure y otro día os hablaremos de ellas).

En el catálogo podréis encontrar soluciones desarrolladas por las compañías más importantes del país así como otras que provienen de emprendedores. Por sectores, el 64% de las aplicaciones son horizontales, el 18% están centradas en un sector específico, el 12% están orientadas al Sector Público, un 4% al Sector Financiero y un 2% al sector de la distribución.

Detrás de cada aplicación hay una historia que merece ser contada y personas que creyeron en la innovación como apuesta clara de futuro. El desarrollo del cloud es ya imparable en nuestro país y en el momento de publicar esta catálogo estamos ya preparando la siguiente versión con empresas que saldrán a producción en los próximos días. Si eres uno de ellos y tu solución no figura todavía en el catálogo, estaremos encantado de que nos lo digas para incluirte en el futuro.”

Saludos

El equipo de MSDN España

Actualizar Live Tiles sin agotar la batería

esmsdn — Fri, 17 Feb 2012 08:31:00 GMT

Una de las cosas que se está convirtiendo en un lugar común en todas nuestras “pantallas” es la idea de las notificaciones “ligeras”. Originalmente, los Gadgets de Windows eran los que ofrecían este tipo de funcionalidad: la idea es tener un pequeño visor de acceso rápido a cierto tipo de información crítica (noticias, estado del tiempo, resultados deportivos, datos económicos o empresariales son algunos ejemplos). Pero el tiempo de arranque y modelo de los gadgets no son compatibles con el objetivo de reducir el consumo eléctrico general (un aspecto muy importante en ordenadores de escritorio y portatiles), ni con el de ofrecer una plataforma de pantalla completa a los desarrolladores. Además, la pantalla de Inicio de Windows 8 dispone de mucha más superficie para albergar más elementos de este tipo de notificaciones y una interfaz de usuario para gestionar las actualizaciones (incluyendo el uso de los recursos de red). En una experiencia moderna donde cada vez hay más información que nos llega desde fuera y en snippets estructurados, se abre ahora una gran oportunidad para usuarios y desarrolladores. En este artículo de Ryan Haveson escribe sobre el desarrollo de las Live Tiles estilo Metro y cómo escala la arquitectura para mantener un elevado número de Tiles al tiempo que conseguimos reducir el consumo de energía y la carga del sistema globalmente.

–Steven Sinofsky

Todos sabemos que el rendimiento y la duración de la batería son aspectos fundamentales para un exitoso lanzamiento de Windows y en vuestros comentarios se siguen alabando estas cualidades. Por ejemplo, @KISSmakesmeSMILE lo resumía bien al escribir hace poco:

“…intentad igualar, o mejor aún, superar… los logros de ejecución de la batería de [competidor] con usos de carga ligeros/bajos.”

Al mismo tiempo, sabemos que los entornos actuales (desde los PCs a las TVs y teléfonos) disponen de algún modelo de gadget, widget o complemento que les permite ofrecer información inmediata y directa. Al ver las noticias en la televisión, deportes o el tiempo aparece una pantalla estructurada con información que viene de muchos sitios y se nos ofrece agrupada, en tiempo real. La gente espera poder conocer de manera inmediata el precio de sus acciones, el estado del tiempo, los emails que le van llegando, las citas pendientes, ciertos datos económicos de su empresa o incluso informaciones de sus redes sociales en cuestión de segundos antes de regresar a lo que tengan que hacer en ese momento. En gran medida, podríamos decir que el PC todavía tiene mucho trabajo por delante en esta área si se compara con otros dispositivos. Cuando empezamos a diseñar nuestra infraestructura de notificaciones, nuestro reto consistía en cómo conseguir que el PC diera sensación de “vida” y actividad pero que al mismo tiempo siguiera conservando una excelente eficiencia en cuanto al consumo de energía y ancho de banda usado. Este objetivo quedaba bastante bien expresado en las palabras de @AndyCadley:

“Trata todas tus aplicaciones “Metro” como si estuvieran funcionando siempre (pero con nulo impacto en la batería/rendimiento)”

La pantalla de Inicio también ayuda a esta eficiencia desde el punto de vista del modelo de usuario, ya que nos proporciona toda una pantalla completa libre sin interferir en el escritorio o las aplicaciones estilo Metro cuando estamos centrados en ellas. Además, no solamente queríamos que fuera eficiente, queríamos asegurarnos de que el usuario podría instalar todas las aplicaciones de notificación que quisiera sin tener que preocuparse del impacto que podrían tener sobre el rendimiento o la duración de la batería.

Una de las cosas que notamos cuando empezamos a utilizar Windows 8 internamente es que la capacidad para utilizar la pantalla de Inicio como una pantalla unificada y fácil de leer para las aplicaciones de línea de negocio se convertía en un factor de mejora de la productividad. Vemos que hay un gran interés por las aplicaciones orientadas fundamentalmente a las notificaciones. Gracia a la escalabilidad de nuestra nueva plataforma de notificaciones en modo “push”, Windows 8 nos ofrece esta posibilidad con un impacto mínimo sobre el sistema, lo que supone una mejora sustancial sobre la multitud de mecanismos que a día de hoy podemos encontrar para Windows. No cuesta mucho imaginar un escenario, sobre todo en el futuro próximo, donde hasta el más furibundo partidario del PC de escritorio reconocerá el gran valor que tienen esta pantalla de Inicio como área de notificación centralizada y bien presentada (y controlada) a la que se llega con una simple combinación de teclas.

Los objetivos de la plataforma de notificación

Conseguir que cientos de Tiles de aplicación se mantengan activos y al mismo tiempo garantizar que no se degrada el rendimiento del equipo parecen objetivos contradictorios. Después de todo, el término “actividad”, por definición, significa consumo de recursos: obtener una notificación desde la nube exige el uso de la red, y mostrarla en una Tile exige recursos de CPU/GPU, etc. Para llegar al diseño adecuado sabíamos que nos teniamos que centrar en los objetivos con que habíamos empezado:

Permitir la presencia de cientos de Live Tiles sin degradar el rendimiento
Superar los globos, etiquetas y textos, dando paso a imágenes atractivas
Hacerlo fácil para los desarrolladores de modo que puedan hacerlo de forma casi inmediata
Conseguir notificaciones en tiempo real y que los “mensajes instantáneos” sean instantáneos

A partir de estos objetivos, la primera decisión fundamental de arquitectura fue que la plataforma debería estar gestionada por datos, o sea, que no se tenía que ejecutar ningún código de aplicación en segundo plano para que funcionase la pantalla de Inicio.

Si consideramos la anatomía del sistema de entrega de notificaciones, vemos que consiste en una serie de piezas: la lógica para determinar el momento de la conexión, autenticación, caché local, rendering, manejo de errores, algoritmos de back-off, throttling, etc. Además, el sistema tiene que resolver una serie de problemas en el lado del servicio, como saber en todo momento si está conectado o no, de manera que pueda cachear contenidos no entregados y manejar escenarios complejos de reintento. ¿Puedes imaginar cómo sería si cada una de las aplicaciones con una Live Tile tuviera su propia versión de todo este código cliente/servidor? No solamente podríamos tener errores en cada implementación, sino que acabaríamos teniendo en memoria copias y más copias de prácticamente el mismo código, una vez por cada una de las aplicaciones cargadas en la memoria, y este código estaría paginándose continuamente desde y hacia el disco. Sin duda sería realmente ineficiente ya que supondría que todas las aplicaciones tendrían que estar funcionando todo el tiempo para mantener la actividad de la pantalla de Inicio. Incluso en máquinas con mucha memoria, el rendimiento del sistema puede venirse abajo.

Si leéis el artículo de Bill Karagounis que explica cómo hemos reducido el consumo de memoria en Windows 8, ya sabemos que el rendimiento se degrada a medida que aumenta el número de procesos, las DLLs, los servicios, etc. en ejecución. Si cada Live Tile ejecutase su propio código, no podríamos conseguir nunca nuestro primer objetivo de hacer posible la ejecución simultánea de cientos de Live Tiles sin perjudicar el rendimiento.

Hemos optado por crear un modelo orientado a datos. Esto significa que el desarrollador puede expresar su Live Tile utilizando un conjunto de propiedades y plantillas predefinidas, en este caso, con un esquema XML. Los datos de la Tile en XML se envían al servicio WPNS (Windows Push Notification Service) utilizando un sencillo procedimiento POST de HTML y nosotros nos encargamos de lo demás. Todo el código necesario para la conexión y reconexión, autenticación, cacheo, presentación en pantalla, gestión de errores, etc. se hace de una manera uniforme y con un consumo eficiente de recursos.

Este es un ejemplo de las muchas plantillas de Live Tiles que pueden utilizar los desarrolladores para sus aplicaciones de Windows 8. Esta consiste en un campo de texto y una imagen, pero puede haber muchas otras plantillas donde elegir.

Figura1: plantilla de ejemplo (TileWideImageAndText)

Este es el código XML que describe esta Live Tile concretamente:

<?xml version="1.0" encoding="utf-8"?>
<tile>
<visual lang="en-US">
    <binding template="TileWideImageAndText">
    <image id="1" src="http://www.fabrikam.com/kickflip.png"/>
    <text id="1">First ever surfboard kickflip recorded in Santa Cruz</text>
    </binding>
</visual>
</tile>

La decisión de optar por un modelo orientado a datos nos permite cubrir nuestros dos primeros objetivos (rendimiento y una experiencia de fidelización alta), pero teníamos aún que resolver cómo conseguir la entrega de notificaciones en tiempo real y un modelo de desarrollo lo más simple posible.

Existen dos patrones de diseño de alto nivel para la entrega de contenidos cliente-servidor: el modelo activo o “polling” y el pasivo o “push”. El polling es cuando el cliente consulta al servicio a intervalos regulares (p.ej. cada 90 minutos) para ver si hay contenidos nuevos. El modo push es aquel en el que, cuando aparecen contenidos nuevos, el servicio envía los datos al cliente directamente.

La única manera de dar cobertura a notificaciones instantáneas con un modelo polling sería aplicando una frecuencia de consulta suficientemente elevada (por ejemplo cada 5 segundos), así que si llega un mensaje nuevo, se vería casi de manera instantánea en pantalla. Pero esta opción se cargaría directamente nuestros objetivos de rendimiento: con un intervalo de polling de 5 segundos, la pila de red de la conexión inalámbrica nunca estaría inactiva, la batería estaría sometida a un régimen de consumo insostenible y las máquinas de escritorio estarían siempre activas. Sería más o menos como estar hablando todo el día con el móvil: la batería no puede durar tanto tiempo. Pero por encima de todo ello, pensemos en la sobrecarga y el despilfarro que supone consultar cada 5 segundos si hay algo nuevo cuando la probabilidad es ciertamente muy escasa. Históricamente, las notificaciones en la bandeja del sistema y en los gadgets que se empezaron a utilizar con Windows Vista, empleaban el mecanismo de polling. Pero sea cual sea la configuración de polling que tengamos en los actuales servicios de tiempo real no existe ningún intervalo lo suficientemente corto para considerarse instantáneo.

Así que, para Windows 8 optamos por una arquitectura de servicio basada en el modo pasivo (push). Fue una decisión importante porque suponía que tendríamos que montar una plataforma a escala global para poder alojar las Tiles de cientos de miles de aplicaciones para más de mil millones de clientes. Pero teníamos claro su valor: los desarrolladores podrían enviar de manera gratuita, súper-eficiente y en tiempo real sus notificaciones a los clientes gratis sin tener que crear o mantener sus propias conexiones permanentes con el cliente.

La plataforma de notificación “push”

Veamos con más detalle los distintos componentes de la plataforma, de manera que pueda explicar los aspectos más sutiles del diseño. En el siguiente diagrama se ven tres entidades principales:

El servicio WNS (Windows Push Notification Service): se encarga de la ejecución de los Live Tiles y las notificaciones.
Servicio de aplicación: Es el servicio web que ejecuta una aplicación estilo Metro (p.ej. desde su actual sitio web) que envía notificaciones y actualizaciones de Tiles a través del WNS. Un ejemplo de esto puede ser el servicio de back-end para una aplicación de pronóstico del tiempo que viene en la Preliminar de Desarrollo, o un servicio de back-end que mantenga fotos en una aplicación de red social.
Plataforma de cliente de Windows 8: Es el PC en sí y los subcomponentes del S.O. que componen la infraestructura de la experiencia en su conjunto.

Figura 2: La plataforma de notificaciones Push

Vamos a explicar cómo funciona esto tomando como ejemplo un caso de uso muy común. Supongamos que el servicio de aplicación es un sitio de red social que envía una actualización para la Live Tile cuando alguien hace un comentario en tu foto (podría también ser una aplicación de línea de negocio que me avise cuando se me asigna algún fallo que hay que resolver o una hoja de gastos que tuviera que revisar, por ejemplo). Cuando hay una actualización, el servicio de aplicación envía una notificación al WNS (el Paso 1 en el diagrama anterior). Desde ahí el WNS envía la notificación al cliente (Paso 2). Cuando llega la hora de mostrar la nueva información en la Tile dentro de la pantalla de Inicio, el S.O. captura esa imagen del servicio de aplicación basándose en la dirección URL contenida en el XML de la notificación (Paso 3). Cuando se han descargado la notificación y la imagen, la aplicación muestra en la pantalla de Inicio la Live Tile utilizando la plantilla indicada en el XML.

Como dijimos al principio, uno de nuestros objetivos era que los desarrolladores pudieran crear este tipo de Tiles con el mínimo esfuerzo. Así, para evitar que tengan que programar sus mecanismos de cacheo y reintento de conexión para cuando el PC no está conectado a la red (por ejemplo un portátil en modo de suspensión), lo que hacemos es cachear una notificación por cada aplicación en la nube WNS y se mantiene hasta que el PC recupera la conexión.

Al diseñar los componentes de la plataforma del cliente, queríamos estar seguros de que todo iba a hacerse respetando los objetivos de alto rendimiento y bajo consumo. Una iniciativa fundamental en este sentido fue la separación del bloque de notificación con respecto al bloque de la imagen. Un mensaje XML de notificación típico tiene menos de 1 Kb de datos, pero una imagen puede llegar fácilmente a los 150 Kb. Al separarlos, conseguimos ahorrar una gran cantidad de ancho de banda en situaciones donde se produce una gran duplicidad de imágenes. Por ejemplo, la imagen de una Tile puede ser una foto del perfil de un amigo nuestro, que tu PC ha descargado en una ocasión y la mantiene en la cache local para reutilizarla. Al independizar la notificación con respecto de la imagen también hemos podido mejorar el tratamiento de notificaciones no utilizadas, ya que nos evitamos la descarga innecesaria de la imagen. Si la pantalla de mi equipo está apagada y está en el dormitorio de mi casa mientras estoy en la oficina, no tiene mucho sentido que descargue imágenes para las Tiles que terminarán por sustituirse por sucesivas actualizaciones antes de que vuelva a usar el dispositivo.

El modelo de autenticación

Por que las Live Tile y las notificaciones suponen un aspecto clave de la experiencia de aplicación, es muy importante que el canal de comunicaciones esté autenticado y sea seguro, desde el propio servicio de aplicación hasta la Tile en nuestra pantalla de Inicio. Sería verdaderamente alarmante que una aplicación o un servicio malintencionado pudieran actualizar cualquier Live Tile en nuestros equipos. Por esta razón, utilizamos un mecanismo de autenticación anónimo que exclusivamente identifica la conexión entre el PC y el WNS. Las aplicaciones y los servicios de aplicación también se validan al comunicarse con el WNS. La autenticación de ambas conexiones con el WNS contribuye a protegernos frente a posibles abusos en la actualización de las Live Tiles, por ejemplo frente a ataques de suplantación de la identidad. El mecanismo de autenticación utilizado en el WNS vincula explícitamente la aplicación y el servicio juntos de tal manera que impide que otras aplicaciones (o algún indeseable) envíe contenidos a una Tile que no le corresponde. Y por supuesto, toda la comunicación se establece a través de un canal seguro.

Todo esto funciona con independencia de que el usuario haya iniciado su sesión con un ID de Windows Live. Sin duda, como nos explicaba Katie Frigon en su artículo sobre el inicio de sesión con un ID de Windows Live, Windows 8 va mejor cuando se utiliza una cuenta de conexión a servicios en la nube, ya que permite disfrutar de experiencias más avanzadas, como el almacenamiento en la nube, persistencia de nuestros datos y configuraciones entre distintos equipos Windows y logon único para múltiples aplicaciones. Puesto que la plataforma de notificación push utiliza un mecanismo de autenticación anónimo, aun en el caso de que el usuario inicie su sesión con un ID de Windows Live, el desarrollador de la aplicación no puede aprovechar el canal abierto por cuenta de la notificación para capturar ese ID de Windows Live, información del sistema o lugar.

Escalabilidad del servicio

Al principio de este artículo comentaba que tuvimos que crear una plataforma capaz de dar soporte a un número inmenso de usuarios y aplicaciones. Para darnos una idea de la escala que representa, en el siguiente gráfico se ve el número de notificaciones que las aplicaciones envían a Windows 8 al día. Hace un par de semanas estábamos enviando ya cerca de 90 millones de actualizaciones de Live Tiles al día, y ¡ni siquiera es una beta!

Figura 3: Notificaciones enviadas cada día a la versión Preliminar de Desarrollo de Windows 8

La aplicación de cotizaciones de bolsa es una de las aplicaciones más populares de todas las que empleamos en el entorno de test de la versión Preliminar de Desarrollo. En el gráfico siguiente se ve el número total de Live Tile registrados para esta aplicación en el primer mes desde la publicación de la Preliminar de Desarrollo.

Figure 4: Live Tiles registrados para la aplicación de Cotizaciones de Bolsa en la Preliminar de Desarrollo

Cuando sacamos la Preliminar de Desarrollo empezamos a observar el tráfico procedente de los centros de datos y a monitorizar con mucho cuidado su evolución. Aquí tenéis un diagrama de la distribución geográfica de las notificaciones en los primeros días después de la publicación de la Preliminar de Desarrollo en el //build. Como veis, los datos se expresan en unidades por milla cuadrada y se han convertido a escala logarítmica para poder representar una gran variación en los valores de densidad.

El diseño del WNS se basa en la arquitectura del servicio Windows Live Messenger y en realidad, la parte del servicio de la plataforma de notificaciones la ha hecho el mismo equipo. No hay muchos equipos en el mundo con la experiencia y conocimientos necesarios para crear un servicio escalable de nivel mundial que pueda hacerse cargo de estos volúmenes de trabajo en tan poco tiempo. Aquí os muestro algunos datos estadísticos que nos dan una idea de la escala a la que opera el servicio Windows Live Messenger en la actualidad:

300 millones de usuarios activos al mes
630 millones de inicios de sesión diarios
10.000 millones de notificaciones al día
Mas de 40 millones de conexiones online simultáneas en momentos de máxima actividad
Más de 3.000 máquinas enrutando mensajes en todo el mundo

Transparencia en el uso de recursos del Tile mediante el Administrador de Tareas

Estábamos tan apasionados con el tema del rendimiento de nuestra plataforma de notificaciones que incluso hemos añadido valores de medida en el nuevo Administrador de Tareas para poder controlar el consumo de ancho de banda de la plataforma de Live Tiles para cada una de las aplicaciones. En general el uso de recursos por parte de las Tiles debería ser relativamente escaso. Para quienes ya estáis utilizando la versión Preliminar de Desarrollo, podéis ir a la pestaña de historial de las aplicaciones en el Administrador de Tareas y mirar en la columna “Tiles” para ver cuánto ancho de banda ha consumido cada uno de las Live Tiles en los últimos 30 días.

Figura 5: Uso de recursos por parte de las Live Tiles en el historial de aplicaciones del Administrador de Tareas

Resumen

En Windows 8 hemos preparado una plataforma de notificaciones capaz de ofrecer información de primera mano sin penalizar el rendimiento ni la duración de la batería, como sucede con los modelos tradicionales de complementos y gadgets. Para ello, todas y cada una de las decisiones de diseño se han adoptado teniendo como objetivo en todo momento los objetivos de eficiencia, rendimiento y duración de la batería, Para que los desarrolladores puedan participar de manera más sencilla, hemos preparado el Servicio de Notificaciones Push de Windows (WNS) de forma que pueden crear Live Tiles sin tener que perder tiempo en desarrollar un complejo código de conexión a la red. Y puesto que el WNS emplea tecnologías web estándar como el método POST HTTP, les resultará muy sencillo integrar sus notificaciones en sus actuales servicios web.

El resultado es una plataforma de notificaciones que envía información prácticamente al instante y que permite instalar cuantas aplicaciones queramos sin tener que preocuparnos de que ello perjudique al rendimiento del equipo ni al tiempo útil de las baterías.

--Ryan Haveson

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/11/02/updating-live-tiles-without-draining-your-battery.aspx

Saludos,

El equipo de MSDN España

Windows 8, preparado para conectarse a redes de telefonía móvil

esmsdn — Thu, 16 Feb 2012 14:46:00 GMT

En este artículo vamos a entrar en detalle en cómo hemos rediseñado la pila de conexión inalámbrica para optimizarla tanto en redes Wi-Fi como de banda ancha móvil. Hemos tenido que trabajar mucho para conseguir que sea más fácil con Windows 8 utilizar las conexiones de banda ancha móvil 3G y 4G y las conexiones Wi-Fi. Además de este trabajo de arquitectura también hemos dedicado parte del esfuerzo de optimización a la conexión a la red de cable aun en estados de bajo consumo (por ejemplo, cuando la pantalla está apagada), en arquitecturas/PCs que soportan estas funcionalidades. Puedes aprender más sobre todo esto en las sesiones de //build/ sobre conexión durante el standby. Billy Anders, program manager de nuestro equipo de dispositivos y redes, es quien ha escrito este artículo.
--Steven

La gente quiere tener la misma movilidad en sus PCs que la que tiene con los Smartphones.

Es improbable que el objetivo final del usuario sea únicamente conectarse a Internet. En realidad, la conexión a Internet es solo un paso (o si se quiere, un inconveniente) que hay que dar antes entrar en lo que realmente quiere hacer: visitar sitios web, contactar en redes sociales, ver vídeos, etc. y probablemente sería mejor que el PC estuviera conectado y listo para su uso en todo momento y en cualquier lugar en donde pueda encontrarse el usuario.

Hemos revisado los conceptos fundamentales de la conexión inalámbrica y la hemos rediseñado en Windows 8 anticipándonos a las tendencias en movilidad y redes sin cable, yendo más lejos de lo que supondría una simple acumulación de mejoras incrementales. Este es un buen ejemplo del esfuerzo que se tiene que hacer para que el nuevo hardware pueda funcionar en armonía con el nuevo software para conseguir de ambos un aprovechamiento pleno de su potencial.

Simplificar la experiencia con la banda ancha móvil

Nosotros sabíamos que si queremos ofrecer una verdadera movilidad, la conexión Wi-Fi por sí sola no era suficiente. Por tanto, con Windows 8 hemos desarrollado e integrado por completo la banda ancha móvil (MB, mobile broadband en inglés) como una experiencia de conectividad de primera clase en Windows, al mismo nivel que la Wi-Fi.

Primero lo incluimos en Windows 7, pero si habéis utilizado ya la banda ancha móvil, seguramente habéis tenido que resolver toda una serie de problemas antes de poder conectaros a la banda ancha de telefonía móvil. En efecto, necesitaríais un hardware específico para este tipo de conexión (por ejemplo un conector USB o un módulo integrado, y una tarjeta SIM), y un plan de datos, pero también seguramente habréis necesitado encontrar e instalar drivers de otros fabricantes, quizá también algún tipo de software, antes de poder establecer vuestra primera conexión. Si los drivers de vuestro dispositivo y el software de vuestro operador de telefonía móvil no los teníais a mano en local (un CD, o en el propio dispositivo, por ejemplo), habréis tenido que utilizar otro tipo de conexión (quizá una red Wi-Fi) para llegar a Internet y buscar el software en los sitios web del fabricante del PC o del operador de móviles. Obviamente esto supone un engorro enorme para los usuarios que quieren conectarse con banda ancha móvil, y precisamente cuando más necesitan esa conexión.

Hemos querido eliminar todo este trabajo de encontrar e instalar drivers del dispositivo para banda ancha móvil. Lo hemos hecho en colaboración con las empresas de telefonía móvil y los fabricantes de hardware para banda ancha móvil, diseñando una especificación de hardware que los propios fabricantes pueden integrar dentro del hardware del dispositivo. En Windows 8 hemos desarrollado un driver integrado para la clase de banda ancha móvil capaz de funcionar con todos los dispositivos de este tipo y que nos evita tener que cargar más drivers adicionales. Simplemente es conectar el dispositivo y conectarse a la red. El driver se mantiene actualizado por Windows Update, para asegurar de que vamos a tener en todo momento una experiencia de conexión a banda ancha móvil fiable.

El USB-IF (USB Implementers Forum) aprobó como estándar hace poco la especificación MBIM (Mobile Broadband Interface Model) y los principales fabricantes de dispositivos han empezado ya a adoptarlo en sus diseños, incluyendo algunos equipamientos para otros sistemas operativos. Podéis encontrar más información sobre esta especificación en la nota de prensa sobre USB-IF.

Ayuda para gestionar los enlaces y conexiones de radio

Habitualmente los dispositivos de banda ancha móvil vienen con un software de gestión de los enlaces y conexiones de radio. Los fabricantes de dispositivos y de PCs y los propios operadores de telefonía móvil desarrollan, distribuyen y dan soporte a estas aplicaciones que nos permiten conectarnos a sus redes, activar y desactivar los servicios de radio, configurar los perfiles de conexión y obtener información de contacto y ayuda técnica. Antes de Windows 8 necesitábamos de estas aplicaciones para compensar la falta de funcionalidad nativa del sistema Windows para este tipo de conexiones. Este software adicional generaba frustración y confusión entre los usuarios al entrar en conflicto con el gestor de conexiones de Windows, mostrando distintas redes, estados de conexión y una interfaz de usuario independiente. Windows 8 elimina esta confusión al disponer de un modelo de gestión sencillo, intuitivo y totalmente integrado administrador de conexiones.

La nueva configuración de red de Windows 8 nos permite activar de manera individual todos los enlaces de radio (Wi-Fi, banda ancha móvil y bluetooth), y también desactivar todos ellos a la vez con el nuevo “modo de vuelo” (“airplane mode” en la versión en inglés). La gestión nativa de enlaces de radio de Windows 8 evita los conflictos y la confusión y ofrece una experiencia consistente a la hora de controlar todos los enlaces sin necesidad de software adicional. Esto es una novedad en el caso de los PCs, aunque es obvio que hace tiempo que existe ya en el mundo de los teléfonos móviles actuales (incluso ya existía en los teléfonos con Windows Mobile, si queremos remontarnos más lejos en el tempo).

Podemos activar y desactivar el modo de vuelo con un solo clic

La nueva configuración de red inalámbrica en Windows 8 nos permite ver y conectarnos a todas las redes disponibles, tanto Wi-Fi como MB, desde una misma interfaz, sumamente cómoda. Nos hemos asegurado de que sea una interfaz consistente y con ella no tenemos que pensarnos tanto a qué red nos queremos conectar. Windows lo hace empezando con una serie de valores por defecto muy bien ajustados y después va aprendiendo con el tiempo tomando nota de las preferencias del usuario.

Una de estas configuraciones por defecto consiste en dar prioridad a las redes Wi-Fi sobre las de banda ancha siempre que exista disponible alguna de las redes Wi-Fi declaradas como preferidas. Las redes Wi-Fi normalmente son más rápidas, con latencia menor y con un coste por bloque de datos transmitido más económico (cuando no es directamente gratuita para el usuario). Cuando nos conectamos a una red Wi-Fi, automáticamente nos desconecta de la red de banda ancha móvil y, en su caso, apaga el dispositivo de radio para este enlace, lo que además aumenta la duración de la batería. SI no tenemos en el alcance del dispositivo ninguna de las redes Wi-Fi preferidas, nos reconecta automáticamente a la red de banda ancha móvil considerada como preferida.

Para asegurarnos de que nos conectamos a la red correcta cuando tenemos varias disponibles a la vez, Windows mantiene una lista ordenada de las redes preferidas basándose en nuestras acciones explícitas de conexión y desconexión, y en el tipo de red. Por ejemplo, si nos desconectamos voluntariamente de una red, Windows ya no nos volverá a conectar automáticamente a ella. Si, mientras estamos conectados a una red, decidimos conectarnos a otra distinta, Windows aumentará la prioridad de esta nueva red en la lista de redes preferidas. Windows aprende automáticamente tu orden de preferencias para administrar la lista por ti.

Cuando el equipo se recupera desde el modo de suspensión, Windows puede reconectarse de manera más rápida a las redes Wi-Fi preferidas optimizando sus operaciones en la pila de red y muestra la lista de redes, información de conexión y ciertos valores de configuración al adaptador de red Wi-Fi. Ahora, cuando el PC sale del estado de suspensión, el adaptador Wi-Fi ya dispone de toda la información necesaria para conectarse a las redes Wi-Fi preferidas. Esto quiere decir que es capaz de reconectar el PC a una red Wi-Fi desde el estado de suspensión en un segundo aproximadamente – a menudo menos de lo que tarda la pantalla en estar disponible. No hay que hacer nada especial para ello: Windows simplemente toma nota de las redes que prefiere el usuario y se encarga de todo lo demás. Este trabajo ha ocupado la mayor parte del esfuerzo de rediseño de la arquitectura que hemos realizado sobre la pila de red y en colaboración con nuestros partners de hardware.

Conexión a banda ancha móvil

Aun contando con su gran disponibilidad, la conexión Wi-Fi por sí sola no nos garantiza un acceso universal a internet desde cualquier lugar. Una auténtica movilidad exige conexión a banda ancha móvil, lo que se hace a través de las redes de telefonía móvil (las mismas que emplean las conexiones de datos de los Smartphones). No obstante, el simple hecho de incluir la banda anchan móvil dentro de Windows 8 no era suficiente: queríamos también eliminar todos los contratiempos que venían apareciendo al intentar conectar los PCs a estas redes, y que el proceso fuera mucho más sencillo, más intuitivo y más parecido a las conexiones Wi-Fi.

Hemos conseguido que todo sea más sencillo y más intuitivo integrando totalmente la banda ancha móvil dentro de Windows 8. Cuando queramos conectarnos a alguna red de banda ancha móvil, simplemente insertamos el dispositivo de conexión o la tarjeta SIM en el PC con Windows 8 y el propio sistema se encarga de la configuración.

Si tenemos un dispositivo de conexión de banda ancha móvil liberado que soporte el cambio de operador (como es el caso de la mayoría de usuarios de banda anchan móvil fuera de Estados Unidos), Windows 8 lo soporta de forma nativa, y nos permite elegir y conectarnos a cualquier operador soportado desde la propia interfaz de usuario de Windows.

Permite elegir la conexión desde una lista de operadores detectados (con hardware soportado)

Ya hemos hablado de cómo hemos eliminado la necesidad de instalar drivers o software para gestionar los enlaces y conexiones por radio. Windows 8 identifica automáticamente qué operador de telefonía móvil está asociado con el dispositivo de conexión (o la tarjeta SIM), lo muestra en el administrador de redes de Windows con el logo del operador, configura el PC para conectarlo a la red de ese operador y descarga la aplicación de conexión de banda ancha de dicho operador de telefonía (si es que la tiene) desde la Windows Store.

Si el usuario dispone de un plan de datos activo asociado a su tarjeta SIM o dispositivo de conexión a banda ancha móvil, todo cuanto necesita hacer es conectarse a la red y dejar al equipo que haga todo lo demás, con lo que queda libre para utilizar la conexión tal y como desea.

Conexión a una red de banda ancha móvil utilizando una tarjeta SIM de AT&T

Si no dispone de un plan de datos y quiere suscribir uno, simplemente pulsa en el botón “Conectar” del operador de telefonía que quiera y automáticamente le redirige al sitio web del operador o a la aplicación de banda ancha móvil, desde donde ya puede elegir un plan de datos (por ejemplo, por tiempo limitado, por cantidad de datos o tarifa plana)

La nueva aplicación de AT&T para banda ancha móvil nos ayuda a elegir un plan de datos

Después de adquirir el plan, el operador de telefonía aprovisiona el PC directamente desde la conexión de móvil, devolviendo información detallada sobre el plan de datos y puntos de acceso Wi-Fi.

Se muestra información de utilización con la cuenta de conexión utilizada

En un segundo plano, Windows identifica la información de suscripción de banda ancha móvil, busca al operador de telefonía en la nueva base de datos APN (Access Point Name) y hace un aprovisionamiento previo del sistema para conectarse a la red del operador. Mientras todo esto sucede, la experiencia esencial de conexión sigue siendo la misma.

La aplicación del operador de banda ancha móvil está disponible a través de un enlace “Ver mi cuenta” o desde la Tile de la aplicación en la pantalla de Inicio. Aquí se puede la cantidad de datos utilizados, se puede pagar la factura, gestionar la cuenta y acceder al soporte a clientes.

Aplicación de banda ancha móvil de AT&T. Información general de la cuenta

Cómo evitar las “facturas de infarto”

Muchos habréis leído en la prensa o visto en TV noticias muy alarmantes de gente que ha recibido facturas imprevistas de teléfono móvil con cifras astronómicas. Es lo que en la jerga del sector se conoce como “facturas de infarto” o “bill shock” en ingles, y el problema ha creado tanta alarma que algunos gobiernos han empezado a adoptar medidas legales obligando a los operadores de telefonía móvil a que avisen a los clientes cuando sus consumos de datos superan ciertos límites. Actualmente, los operadores de móviles utilizan distintas vías para avisar a los suscriptores cuando superan los caudales de datos inicialmente previstos o contratados. En algunos casos optan por bloquear el acceso a Internet, varían la velocidad de bajada (la reducen) o simplemente empiezan a aplicar cargos por kilobyte o megabyte consumido en exceso. Si el usuario no se entera de que ha superado su límite de uso de datos, probablemente seguirá utilizando el plan de datos y puede incurrir en un elevado coste adicional, así que el día que recibe la factura puede echarse a temblar.

En las versiones anteriores a Windows 8 hemos mantenido un comportamiento consistente entre todos los tipos de redes en lo que concierne al uso de ancho de banda. Con Windows 8 hemos empezado a tener en cuenta el tema del coste: suponemos que las redes de banda ancha móvil tienen unas capacidades de datos limitadas con un elevado coste por megabyte transmitido (en comparación con la Wi-Fi) y el comportamiento de la red se ajusta en consecuencia a las características de este tipo de redes tasadas (es decir, con pago por uso, frente a las gratuitas o las de tarifa plana).

Como ya dije anteriormente, el equipo se desconecta automáticamente de las redes de banda ancha móvil y se conecta a las redes Wi-Fi preferidas si encuentra alguna en su radio de alcance. Con ello reduce el consumo de datos de banda ancha móvil todo lo posible.

Puesto que muchos de nosotros utilizamos puntos de acceso Wi-Fi públicos, Windows 8 incorpora soporte para los tipos de autenticación más conocidos para los puntos de acceso Wi-Fi, como WISPr (Wireless Internet Services Provider- roaming), EAP-SIM/AKA/AKA Prime (autenticación basada en SIM) y EAP-TTLS (muy difundida en campus universitarios). Windows gestiona la autenticación de manera transparente al usuario cuando entra en el alcance de una red Wi-Fi que utiliza alguno de estos métodos, por lo que no necesita volver a validarse cada vez (por ejemplo, entrando en una página web). Esto supone que el equipo funciona igual en un punto de acceso Wi-Fi público que en un entorno doméstico o en la oficina.

En un PC que tiene conexión Wi-Fi y también banda ancha móvil, se conmuta de manera automática desde la red de MB a la red, que es menos costosa, Wi-Fi si está disponible, reduciendo el uso de la banda ancha móvil y la posible entrada en shock por la factura elevada.

Otra forma en la que optimizamos el uso de ancho de banda es con un cambio en el comportamiento por defecto con respecto a Windows Update. Para la mayoría de usuarios que han actualizado este servicio, Windows Update retrasa la descarga de todas las actualizaciones hasta el momento en que se puede conectar a una red no tasada, como por ejemplo puede ser la red inalámbrica de casa. Hay una excepción, como ya tuve ocasión de explicar en otro artículo sobre Windows Update, que es cuando se trata de una actualización crítica de seguridad para resolver una vulnerabilidad de tipo gusano (p.ej. un gusano como Blaster). En este caso Windows Update descargará la actualización por el primer tipo de red disponible que le permita acceder a la web de descargas. Siempre podremos modificar la configuración de la descarga diferida arrancando Windows Update e iniciando manualmente la descarga de las actualizaciones cuando nos venga mejor. De nuevo, el usuario mantiene pleno control sobre el dispositivo.

Nosotros somos conscientes de que la muchos planes de banda ancha de telefonía fija (ADSL por lo general), también tienen cupos máximos de transferencia de datos y tarifas especiales para el tráfico en exceso. Estos cupos suelen ser muy superiores a los establecidos para la banda ancha móvil, y por tanto en estas conexiones no hemos modificado su comportamiento. El usuario siempre puede cambiarlo por su cuenta y marcar cualquier red inalámbrica como tasada o no tasada seleccionando la opción “reducir el tráfico de datos” con el botón derecho en el menú para esa red (o bien pulsando y manteniendo presionado el icono).

Marcar una conexión Wi-Fi como “tasada”

También queríamos que las aplicaciones Windows funcionasen correctamente sobre redes tasadas, por lo que hemos preparado una serie de APIs de desarrollo dentro de la clase ConnectionCost del espacio de nombres Windows.Networking.Connectivitynamespace. Si eres un desarrollador de aplicaciones, te recomiendo que utilices estas APIs y adaptes el comportamiento de tu aplicación, por ejemplo distinguiendo entre retransmisión de vídeo de baja y alta resolución, o descargar solo el asunto frente a la sincronización completa de correos, dependiendo del tipo de red. Creemos que este comportamiento adaptativo es fundamental, puesto que redunda directamente en un ahorro de costes para los usuarios finales. Todas las aplicaciones estilo Metro en la Windows Store están obligadas a implementar estas APIs si utilizan la red.

Incluso contando con que tanto Windows como las demás aplicaciones funcionen de manera inteligente en la red, probablemente el usuario seguirá teniendo mucho interés en saber cuál es su consumo de datos. Windows 8 dispone de contadores de tráfico local de datos que se muestran directamente desde el panel de configuración de la red. Estos contadores muestran datos de tráfico aproximados para las conexiones Wi-Fi y para redes de banda ancha móvil

Estimación de tráfico de datos local

Estos contadores llevan la cuenta de la cantidad de datos transferidos en cada uno de los tipos de red de forma individualizada. Podemos resetear el contador en cualquier momento, lo que puede ser especialmente útil cuando vamos a monitorizar el uso mes a mes o en para algún tipo de actividad muy concreta. Aunque podríamos pensar que los contadores de tráfico locales son una manera rápida para calcular el uso de la red, no son el sustituto perfecto de los informes del operador de telefonía móvil, que puede variar algo, y que normalmente deberían aparecer en la aplicación de cada operador.

Otra manera de ayudarte a administrar el consumo de datos en conexiones de banda ancha móvil es dejando que el operador de telefonía móvil nos avise cuando nos vayamos aproximando a los cupos máximos establecidos en el contrato. En algunos países han empezado ya a obligar a las operadoras a enviar mensajes a los suscriptores cuando se acercan a estos límites, o cuando se han conectado en modo de itinerancia a otra red distinta. El operador de telefonía puede enviar un SMS o una alerta USSD al acercarse al límite del consumo previsto (por ejemplo al 70% de consumo, 85%, etc.) y la aplicación del operador de MB avisará también actualizando la Tile de la pantalla de Inicio. Las capturas de pantalla siguientes muestran lo que ya se puede ver en la Preliminar de Desarrollo de Windows (con un PC Samsung Preview que tenía una tarjeta SIM de AT&T y un plan de datos de esta compañía).

Notificación del consumo de datos, abajo a la derecha

Información de consumo de datos en la Tile de la aplicación del operador de móvil

El Administrador de tareas de Windows 8 nos ofrece información más detallada si queremos saber cuál ha sido el caudal de datos consumido por la red por una aplicación concreta. En estas capturas podemos ver el consumo de datos aproximado, activo e histórico, de cualquier proceso sobre redes tasadas y no tasadas. Con esta información podemos identificar y controlar las aplicaciones que más ancho de banda consumen y tomar las medidas oportunas al respecto.

Información de consume de datos en el Administrador de Tareas de Windows

En este video se muestran algunas de las nuevas funcionalidades y mejoras introducidas en Windows 8 para redes inalámbricas.

Descarga este video para visualizarlo en tu reproductor preferido:
MP4 de alta calidad | MP4 de calidad media

Resumen

Hemos diseñado Windows 8 teniendo en mente al usuario y su movilidad. Nuestro objetivo ha sido simplificar su experiencia ampliando y manteniendo todas las posibilidades de conexión a través de redes Wi-Fi y banda ancha móvil, eliminando todos los problemas e inconvenientes y automatizando las cosas en la medida de lo posible.

-- Billy Anders

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2012/01/20/engineering-windows-8-for-mobility.aspx

Saludos,

El equipo de MSDN España

Optimizar la IU para pantallas horizontales y verticales

esmsdn — Thu, 16 Feb 2012 08:37:00 GMT

Como ya hemos demostrado en muchos foros, con Windows 8 hemos tendido a utilizar la orientación en sentido horizontal (apaisada) con bastante asiduidad. Básicamente esto se debe a que muchas veces utilizamos proyectores y de este modo obtenemos una mejor experiencia. Otra razón es que muchos de los primeros dispositivos empleados (como la Tablet Samsung presentada en el BUILD con la Preliminar de Desarrollo de Windows) son panorámicos, que es ideal para mostrar aplicaciones una al lado de otra con la nueva función Snap, y en general va mejor en esta posición. Hemos dedicado un gran esfuerzo a lograr una experiencia rápida y fluida en rotación de la pantalla, y poder ofrecer una experiencia de máxima calidad a la gente que prefiere ver la pantalla en sentido vertical. Como ya has leído, todo este esfuerzo deriva, sin duda, de nuestros análisis previos de los factores que inciden en la elección de una u otra orientación. Incluso hemos modificado nuestras herramientas Visual Studio y Expression para que los desarrolladores también puedan crear aplicaciones y que funcionen correctamente en ambas orientaciones. David Washington, de nuestro grupo de Experiencia de Usuario, ha elaborado este artículo donde explica las pantallas en sentido horizontal y vertical con Windows 8. También podéis verle en la sesión APP-207T del BUILD. --Steven

Un PC con Windows 8 es realmente un nuevo tipo de dispositivos, capaz de escalar desde pequeñas tabletas basadas en interfaz táctil exclusivamente hasta portátiles y equipos de escritorio. Con el replanteamiento de Windows 8, lo hemos diseñado para ofrecer una gran experiencia independientemente de la orientación de la pantalla o factor de forma. Los tablets son ergonómicamente flexibles, y nos permiten colocar el dispositivo en la orientación que más nos guste y que mejor se adapte al tipo de contenidos.

Una de las cosas más interesantes de los tablets es que lo podemos coger con las manos. Es personal. Tanto si estamos leyendo el periódico del domingo o revisando un montón de fotos de la boda, el permitir que se pueda coger e interactuar con los dedos genera un vínculo emocional con él. En la era digital, mucho de lo que realmente importa está relacionado con nuestros dispositivos y así, durante la planificación de Windows 8, queríamos estar seguros que la experiencia de usuario era la mejor posible en cualquier orientación que ofrezca el dispositivo.

Por ello empezamos a diseñar por completo la experiencia de Windows 8 partiendo de distintos factores de forma y aplicando los siguientes principios:

La experiencia se adapta por sí sola a todos los factores de forma: pantallas pequeñas, pantallas anchas, portátiles y equipos de escritorio
La experiencia aprovecha los formatos de pantalla panorámica para multitarea y vídeo a pantalla completa.
El dispositivo se puede coger con las manos e interactuar con él de la manera que resulte más cómoda.
Los desarrolladores tienen la posibilidad de crear una aplicación que puede utilizarse en todas las vistas y orientaciones, sobre cualquier factor de forma, con el mínimo esfuerzo.

Hemos dedicado un montón de horas a estudiar la forma en que la gente utiliza las tabletas en nuestros laboratorios y en sus propias casas. Hemos observado a personas que están familiarizadas con las tabletas y a otras que empezaban a utilizar estos equipos, y hemos mantenido contacto con ellos durante meses. Hemos tomado nota de qué forma cogen los equipos, las posturas de su cuerpo, sus movimientos con las manos y las interacciones con una gran variedad de aplicaciones, lugares del dispositivo y orientaciones. Hemos visto una casuística enormemente variada y hemos escuchado a los usuarios qué factores influyen a la hora de elegir el aparato y la orientación. Entre los factores que influyen aquí encontramos factores antropométricos como el tamaño de la mano y las distancias abarcadas con los dedos, factores ergonómicos como la repetición de gestos y la fatiga, factores relacionados con el hardware como la accesibilidad a los botones del equipo, factores ambientales como el lugar en donde utilizan la tableta (p.ej. en la cocina, en el dormitorio o en el salón), y factores físicos como si lo utilizan de pie, sentados en una mesa o en un sillón. El número de combinaciones posibles es inmenso, lo que nos llevaba a una primera conclusión básica de que las posturas, estilos de manejo y orientaciones cambian con enorme frecuencia. En pocas palabras, que no hay una manera única de coger el dispositivo y la gente busca de manera natural la posición y orientación que le parece más cómoda y que considera adecuada para lo que están haciendo con ese aparato en ese momento concreto.

En un primer momento pensábamos que la elección de la orientación, vertical o apaisada, vendría influida por las preferencias de cada uno. Cada persona que observábamos rotaba el equipo y en cada caso esperaban que el equipo y la interfaz de usuario funcionasen correctamente en ese momento. Lo sorprendente era que a medida que la gente iba familiarizándose con el dispositivo y con las aplicaciones que más les interesaban, el factor de influencia para elegir la orientación pasaba a ser, de manera exclusiva, el tipo de contenido que aparecía en pantalla. Si el contenido y la experiencia eran mejores en sentido apaisado, la gente de forma espontánea elegía el modo de presentación horizontal. Si el contenido y la experiencia eran mejores en sentido vertical, la aplicación se utilizaba en vertical. Como ejemplo, la mayoría de las personas prefieren ver una película en pantalla completa en sentido horizontal, sin barras negras arriba y abajo, mientras que cuando se trata de leer un artículo o una página web, lo hacen preferentemente en sentido vertical ya que así necesitan menos desplazamientos. Las preferencias que nos han ido comentando los usuarios venían influidas fuertemente por su propio criterio a la hora de valorar si la aplicación ofrece mejor experiencia en una u otra orientación. Hemos recibido preguntas y opiniones al respecto de si Windows 8 es principalmente “horizontal” o “vertical”. Nuestro punto de vista es que ambas orientaciones son igualmente importantes, y las experiencias deben ser las mejores en los dos casos. En vez de fijar una posición y una orientación y optimizar la interfaz para esas condiciones, hemos diseñado una experiencia que se optimiza sea cual sea la forma en que se coge el aparato, adaptándose a la aplicación y sus contenidos.

Nuestros objetivos al respecto de la orientación vertical y horizontal eran estos:

Podrás fácilmente rotar tu tablet para adaptarse lo mejor posible a la tarea o a las condiciones de ergonomía.
La rotación en Windows debe ser rápida y fluida
Windows debe poder rotar de forma previsible tanto a nivel de sistema como de aplicaciones y el usuario debe mantener el control en todo momento.
Los desarrolladores deben poder crear de manera sencilla presentaciones de alta calidad tanto en sentido apaisado como vertical, dependiendo únicamente del tipo de experiencias que quieran ofrecer al usuario.

Windows en modo apaisado

Algunos nos han preguntado por qué hemos enseñado la interfaz de usuario de Windows 8 en sentido apaisado principalmente durante la conferencia //build/. Windows 8 está pensado para todos los PCs, no solo para tablets. Va a funcionar en cientos de millones de portátiles y equipos de sobremesa (diseñados para Windows 7 y para el nuevo Windows 8), muchos de los cuales tienen y tendrán pantallas horizontales exclusivamente. Además, en modo apaisado y en formato panorámico, podemos ofrecer una experiencia multitarea (enfrentando dos aplicaciones una al lado de otra) y vídeo en formato 16:9 aprovechando toda la superficie. (Además debo decir que muchas de nuestras demostraciones se hacían con proyectores en pantallas enormes, que se ven mucho mejor en sentido horizontal).

Hemos diseñado Windows 8 para que sea ergonómico y cómodo en todas las orientaciones. Hemos visto que, cuando se utiliza un tablet en horizontal, una postura cómoda suele ser cogiéndola con ambas manos y tocando la pantalla con los pulgares. Por ello hemos diseñado la mayor parte de la experiencia de modo que sea fácilmente accesible utilizando los pulgares. Hemos optimizado también el sistema para el desplazamiento en horizontal,, que se ve rápido y fluido tanto en sentido vertical como horizontal.

Windows en pantalla vertical

Windows también está preparado para funcionar perfectamente en vertical. Hemos analizado con detalle muchos escenarios como la lectura de noticias utilizando el navegador, visualización de fotos verticales y el desplazamiento por grandes listas de mensajes de correo y hemos condensado todas nuestras conclusiones en el diseño de un sistema que funciona de manera transparente en cualquier sentido de lectura. Hemos adecuado las experiencias del sistema, como el teclado, el selector de archivos y los charms para que funcionen bien tanto en vertical como en horizontal. Queríamos que fuese así para que el usuario no tuviera que aprender a utilizar el sistema al rotarlo en vertical; simplemente ¡debe funcionar!

Rotación

Puesto que uno de nuestros objetivos era conseguir que la transición durante las rotaciones fuera rápida y fluida, los distintos equipos que trabajamos en Windows hicimos un esfuerzo considerable por optimizar el curso de esta transición, desde el hardware del acelerómetro hasta la pila de gráficos y las aplicaciones.

Una parte importante de la transición entre horizontal y vertical es la animación. La animación soporta la coreografía de una rotación suave entre ambas modalidades de presentación. El control del tiempo en las animaciones es muy importante, ya que tiene que ajustarse para que la restitución en pantalla sea rápida y se mantenga la respuesta del sistema, pero al mismo tiempo debe ser lo suficientemente suave para que el movimiento no sea brusco. El DWM (Desktop Window Manager), que es una pieza fundamental para las animaciones fluidas en Windows 7 y Windows 8, se encarga de organizar esta animación.

Seguimos trabajando para conseguir que la rotación sea estable y previsible, ya que sabemos lo desconcertante que puede ser para el usuario una rotación sobrecargada. Antes de que empiece la rotación, el sistema espera a que el acelerómetro se estabilice para evitar rotaciones imprevistas. Además queríamos que el usuario siguiera controlando la experiencia de rotación, de manera que no se activase por accidente. Incorporamos un bloqueo para la orientación del hardware a modo de “compensación de la gravedad”, que mantiene la orientación deseada por el usuario bajo cualquier posición del equipo.

Distintas pantallas

En artículos futuros hablaremos más en detalle sobre cómo hace Windows 8 para escalar a distintos tamaños de pantalla desde el punto de vista del desarrollador, pero aquí puede ser interesante hablar algo del tamaño de la pantalla en el contexto de las orientaciones vertical y horizontal. Windows 8 va ase va a ejecutar en PCs con pantallas de distintos tamaños y con distintas resoluciones y proporciones, desde pantallas 4:3, casi cuadradas, a pantallas panorámicas 16:9 y todo el abanico intermedio. Nuestra plataforma escalable permite que Windows y las aplicaciones se adapten de manera transparente y restituyan los contenidos en todos estos tipos de pantallas utilizando el espacio disponible. Puedes emplear muchos de estos dispositivos tanto en sentido horizontal como vertical. Esta amplia gama de posibilidades es una característica exclusiva de Windows. Puedes elegir el dispositivo y la orientación que más te guste o más convenga a tus necesidades y usos.

La resolución mínima en la cual pueden funcionar las aplicaciones estilo Metro con Windows 8 es de 1024x768. Hemos elegido este tamaño por ser el diseño más común en la web y la inmensa mayoría (hablamos del 98,8%) de los usuarios de Windows utilizan el sistema con esta resolución o superior (ver diagrama).

Pensamos que es importante imponer una resolución mínima para las aplicaciones, ya que así los desarrolladores pueden diseñar la vista más pequeña para sus aplicaciones sin sufrir los efectos de la fragmentación que se producen en algunos dispositivos. Este mínimo garantiza además que los usuarios no ven trozos sueltos de las ventanas de sus aplicaciones debido al pequeño tamaño de sus pantallas.

La resolución a la cual se soportan todas las funcionalidades de Windows 8, incluyendo la multitarea gracias al “snapping” de aplicaciones es de 1366x768. Elegimos esta resolución ya que en ella cabe la anchura de una aplicación en esa modalidad, que es de 320 pixels (y que viene a coincidir también con la anchura de muchas aplicaciones diseñadas para móviles), como complemento al tamaño base de 1024x768 píxeles que es el tamaño más frecuentemente utilizado en la web.

Estos límites serán impuestos de manera obligatoria por el runtime. Con ello rompemos una tradición de diseño al no ofrecer alternativas, puesto que la principal motivación ahora consiste en garantizar que las aplicaciones estilo Metro están diseñadas para funcionar a pleno rendimiento a una resolución concreta y públicamente establecida. En la Preliminar de Desarrollo no hemos añadido ningún aviso de interés en el runtime aparte de la comunicación al respecto en el sitio de descarga, que obviamente resolveremos al publicar la versión beta. Hemos podido ver que algunos que utilizan máquinas virtuales con resoluciones de 800x600 o netbooks con 1024x600 tienen ciertos problemas, y lo sentimos. Conviene recordar, no obstante, que la proporción de equipos con pantallas de 1024x600 es muy pequeña dado que las resoluciones de pantalla en los equipos de gama baja han pasado a 1280x800, que ya está soportada por las aplicaciones estilo Metro sin snap. Esta resolución sigue estando lejos de las resoluciones adecuadas para el máximo rendimiento de la interfaz y esperamos que, a medida que vayan comercializándose nuevos modelos de PCs, las resoluciones disponibles vayan aumentando también.

La rotación para los desarrolladores

En Windows 8, las aplicaciones aprovechan la experiencia del propio sistema y por eso hemos puesto un gran empeño en conseguir que para los desarrolladores sea lo más fácil posible crear vistas tanto en sentido horizontal como vertical. Como sucede con cualquier otra plataforma, los desarrolladores pueden elegir la orientación que más convenga a sus aplicaciones y la forma en que se ajustarán sus experiencias. Nosotros esperamos que la mayor parte de los desarrolladores optarán por la vista horizontal puesto que el parque actual de portátiles y equipos de sobremesa suponen la mayor parte de los PCs actualmente en servicio. No obstante, si una experiencia de aplicación puede utilizarse tanto en sentido vertical como horizontal, el proporcionar una vista vertical supone un trabajo de diseño adicional para ellos.

Utilizando las mismas técnicas que se emplean para crear la función Snap o para distintos tamaños de pantalla, los desarrolladores pueden crear con facilidad experiencias en vertical. Los desarrolladores de HTML5 pueden emplear media queries de CSS para asociar un estilo de presentación concreto a la orientación del sistema, y en el caso de los desarrolladores para XAML, pueden cambiar la presentación en respuesta a eventos de estado de la vista. En ambos casos, HTML y XAML, todos los controles adaptativos y plantillas que ofrece la plataforma van a soportar tanto el sentido vertical como el horizontal. Por otra parte, el sistema gestiona de forma automática la animación de la transición sin añadir esfuerzo extra a los desarrolladores. Si algún contenido de las aplicaciones se ve mejor en una orientación concreta, los desarrolladores pueden optar por ella en vez de la otra y el sistema puede mantener la aplicación en dicha orientación (si el dispositivo la soporta).

A la hora de probar las aplicaciones, tanto Visual Studio 11 como Expression Blend permiten a los desarrolladores probar las aplicaciones en vertical y horizontal y sobre distintos tamaños de pantalla y formatos, incluso sin necesidad de disponer de una tablet.

Puedes elegir el dispositivo más adecuado a tus gustos, ponerlo de la forma que te sea más cómoda y la experiencia se adapta a dicha postura. Las aplicaciones pueden aprovechar las ventajas de las pantallas panorámicas en multitarea y seguir viéndose perfectamente en vertical con un esfuerzo adicional mínimo.

Aquí os pongo un video que muestra las transiciones de modo vertical a horizontal en acción.

Descarga este vídeo para verlo en tu reproductor favorito:
MP4 de alta calidad | MP4 de calidad media

¡Espero que lo pruebes pronto!

Muchas gracias
David

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/10/20/optimizing-for-both-landscape-and-portrait.aspx

Saludos,

El equipo de MSDN España

Diseño de la búsqueda en la pantalla de Inicio

esmsdn — Wed, 15 Feb 2012 14:50:00 GMT

A la vista del enorme interés que ha suscitado el diseño de la nueva pantalla de Inicio, queríamos profundizar algo más en el asunto de la búsqueda. En los comentarios se hace hincapié en la eficiencia y la productividad en entorno profesional, como veréis, ya que en este caso toda pulsación de teclas es importante. Una de las novedades de la plataforma Windows 8 es la posibilidad de que las aplicaciones estilo Metro dispongan de una búsqueda personalizada (el “contrato de búsqueda”). En este artículo nos centramos en las funcionalidades integradas de la búsqueda de archivos, configuraciones y aplicaciones, que son una actualización de las que ya tiene Windows 7. Si quieres saber más, puedes ver la sesión sobre la búsqueda que se presentó en el //build/ en la que se ve con más detalle todo este tema. Bajo este prisma, Brian Uphoff, uno de nuestros program managers de Búsqueda, Vistas y Comandos del equipo de Experiencia de Usuario, es quien ha elaborado este artículo.
--Steven

En otros artículos anteriores relacionados con la pantalla de Inicio (Evolución del menú de Inicio, Diseño de la Pantalla de Inicio y Reflexión sobre vuestros comentarios acerca de la Pantalla de Inicio) hemos ido analizando la evolución del menú de Inicio y los razonamientos que habían dirigido nuestro nuevo diseño. También hemos analizado cómo los mecanismos organizativos y la búsqueda son potentes herramientas que nos facilitan la localización y arranque de aplicaciones. A medida que instalamos más y más aplicaciones estas herramientas adquieren mayor importancia. En las versiones anteriores de Windows, la búsqueda desde el menú de Inicio se había convertido en la forma más rápida de encontrar y arrancar aplicaciones, sobre todo para los usuarios de teclado.

Durante la planificación de Windows 8 quisimos asegurarnos de que la eficiencia y capacidad del menú de Inicio de Windows 7 se seguirían manteniendo en la nueva pantalla de Inicio. Antes de meternos en detalles de esta nueva experiencia, vamos a echar una mirada rápida a la evolución de las búsquedas desde el menú de Inicio y cómo se utiliza esta función a día de hoy.

La evolución de la búsqueda desde el menú de Inicio

El diálogo de búsqueda en el menú de Inicio, tal y como lo conocemos hoy, se presentó por primera vez con Windows Vista. Con esta funcionalidad se facilitaba la búsqueda de programas, aplicaciones, configuraciones y archivos en el escritorio y en las carpetas personales, como Documentos, Imágenes, Música y Vídeos. La experiencia de búsqueda recopilaba distintos tipos de resultados dentro de una vista unificada en la que se combinaban los programas y configuraciones dentro de un solo grupo. En la presentación de los resultados de búsqueda solo se mostraba una pequeña cantidad de elementos organizados en grupos cuyo tamaño se calculaba mediante algoritmo heurístico. Teníamos que pulsar en “Ver todos los resultados” para que aparecieran todos los demás en el Explorador de Windows, que lo metía todo junto en una vista no estructurada y sin clasificar.

Figura 1: Búsqueda en el menú de Inicio de Windows Vista

En Windows 7 expandimos los resultados para incluir tareas concretas del Panel de Control además de las páginas principales del mismo Panel de Control. También procedimos a independizar los elementos del Panel de Control respecto de los programas, en un grupo específico que nos permitía pasar de forma más rápida a los resultados que realmente estábamos buscando.

La experiencia, en general, devolvía una acumulación de elementos de todo tipo y tenía un límite prefijado para el número de resultados que podían aparecer. Esto era debido a la limitación de espacio que imponía el propio menú de Inicio. Pulsando en la cabecera de algún grupo nos pasaba al Explorador de Windows para ver los programas y archivos encontrados, o bien al Panel de Control, para ver las configuraciones. Cada experiencia tenía su propia vista, aunque el orden de los resultados de la búsqueda era distinto del orden que mostraban en el menú de Inicio. El verlo todo en una vista consolidada dentro del menú de Inicio suponía perjudicar el rendimiento y el espacio útil, y que teníamos que buscar en todos los programas, todos los elementos del Panel de Control y todos los archivos aunque solamente quisiéramos buscar en uno de estos tipos de datos.

Figura 2: Búsqueda en el menú de Inicio de Windows 7

Cuando empezamos a analizar los datos de uso que nos informaban de los patrones de utilización de la búsqueda en el menú de Inicio de Windows 7, vimos claramente que el uso más común e importante de esta funcionalidad era para arrancar los programas.

Nuestros datos de telemetría muestran que el 67% de todas las búsquedas en Windows 7 se destinan a encontrar y arrancar programas. La búsqueda de archivos ocupa el 22% de todas las búsquedas iniciadas desde el menú de Inicio y los elementos del Panel de Control suponen un 9% aproximadamente. La búsqueda de correos por esta vía es bastante infrecuente (menos del 0,05%) y el 2% restante se trata de búsquedas para la funcionalidad “Ejecutar”.

Figura 3: Datos de uso de la búsqueda en el menú de Inicio de Windows 7

Búsquedas en la página de Inicio de Windows 8

La búsqueda desde el menú de Inicio ha seguido evolucionando en cada versión de Windows. La experiencia de búsqueda en Inicio de Windows 8 se basa en las funciones de búsqueda que ya existen en Windows 7 y ofrece una vista independiente para cada uno de los tres grupos del sistema (aplicaciones, configuraciones y archivos). Estas vistas de los resultados son una progresión natural desde los grupos de Windows 7 y se accede a ellos fácilmente desde cualquier punto del sistema operativo utilizando el charm de Búsqueda o con combinaciones de teclas. Separando los resultados de la búsqueda en vistas significa que podemos ajustar la experiencia para cada tipo de dato. Por ejemplo, la vista de búsqueda de archivos ofrece filtros y sugerencias mientras vamos tecleando, para agilizar el proceso.

En Windows 8 creemos que la gente va a adquirir e instalar más aplicaciones que con ninguna otra versión anterior. Si hubiéramos seguido con la misma interfaz de búsqueda del menú de Inicio de Windows 7 para encontrar un elemento del Panel de Control, veríamos siempre los resultados de aplicaciones o programas antes que los del Panel de Control, de modo que muchos elementos del Panel de Control quedaban fuera de la primera lista de coincidencias. Estas y otras restricciones del diseño actual nos hicieron replantearnos el desarrollo bajo una nueva perspectiva, un paso al que contribuyó también de manera importante el hecho de que actualmente son cada vez más frecuentes los monitores de gran formato y pantallas con una resolución muy superior, en los que la navegación por menús muy extensos se hace aún más complicada. En el caso de Windows 7, el número total de resultados que se podían ver en el menú de Inicio era limitado. Dependiendo del número de grupos con resultados coincidentes, se mostraban entre tres y cuatro resultados por grupo. Rara vez veíamos en pantalla todos los resultados para un mismo grupo, y la organización de los mismos resultaba realmente imprevisible.

Por otra parte, con Windows 8 estamos siguiendo un modelo más orientado a las aplicaciones, donde cada desarrollador de aplicaciones conoce a sus datos y usuarios mejor que nadie y sabe cuál es la mejor manera de presentarles la información. Aplicando este mismo modelo a la búsqueda, creemos que el poder ir directamente, de forma rápida y consistente a los resultados de configuración o archivo supone tener en todo momento el grado de precisión y control que se desea sobre el proceso. En Windows 8, cada vista se adapta al tipo de contenido buscado y muestra todos los resultados en lugar de limitarlos debido a la falta de espacio en pantalla.

Un cambio que algunos de vosotros notaréis es que los resultados en la búsqueda de archivos ya no incluyen mensajes de correo ni contactos. La inclusión del correo en la búsqueda nunca ha tenido un apoyo generalizado de los clientes de correo que nos habría gustado, aunque al menos uno de ellos sí que la usa (y esa sería la razón por la que las búsquedas de elementos de correo son tan escasas en el menú de inicio, no superan el 0,05% del total). Con la estrategia orientada preferentemente hacia las aplicaciones en Windows 8, las aplicaciones de correo estilo metro van a utilizar el contrato de búsqueda, con el cual pueden devolver unos resultados más ricos y precisos, aplicando filtros y en una vista especialmente adaptada para el correo. En comparación, los clientes de correo y otras aplicaciones de Windows 7 no tienen control sobre la forma en que se presentan los resultados en las búsquedas cuando se muestran sus elementos.

Hemos puesto especial interés en reducir el número de pulsaciones de teclado que se van a necesitar para encontrar aplicaciones, configuraciones o archivos, de modo que sean las mismas o menos que en Windows 7. Hemos incorporado una serie de combinaciones de teclado que van permitir al usuario acceder de manera más rápida y eficiente a los resultados en la búsqueda de datos de configuración (tecla Windows+W) o de archivos (tecla Windows+F), y así se reduce el número de pulsaciones necesarias para encontrar archivos o parámetros del sistema. En un artículo próximo hablaremos de cómo queremos mantener y aumentar la eficiencia en el uso del teclado entre todas estas vistas.

Búsqueda de aplicaciones

Los resultados de la búsqueda de aplicaciones muestran toda la lista completa de aplicaciones (incluyendo sus nombres “públicos” y los de los programas ejecutables) para aquellas aplicaciones cuyo nombre coincide con los términos de búsqueda. A medida que va aumentando el número de aplicaciones instaladas, se hace más difícil moverse por listas tan nutridas y encontrar las aplicaciones que se utilizan con menos frecuencia. La búsqueda nos ayuda a aplicar filtros y reducir estas listas para llegar a las aplicaciones deseadas con unas pocas pulsaciones .Queríamos asegurarnos de que podíamos mantener los mismos patrones de uso del teclado que con Windows 7. No hay que pulsar antes en el charm de Búsqueda para empezar a buscar, basta con empezar a escribir en la pantalla de Inicio y vemos que aparece la lista de aplicaciones cuyo nombre coincide parcial o totalmente con el texto que vamos escribiendo.

Figura 4: Resultados de la búsqueda de aplicaciones en pantalla completa

Fijaos también en que la ordenación de los resultados de búsqueda de aplicaciones basada en el criterio de uso frecuente que se hacía en Windows 7 se mantiene también en Windows 8. Por ejemplo, si escribimos “paint” en la preliminar de desarrollo, nos devuelve 2 aplicaciones como resultado: PaintPlay y Paint. Si el usuario utiliza preferentemente Paint, su posición será más elevada que PaintPlay, ya que se utiliza más. Así, el arranque de Paint (o de las aplicaciones más frecuentemente utilizadas) es más eficiente cuanto más se utilice la función de búsqueda.

Algunos nos habéis comentado que muchos usuarios no van a darse cuenta por sí mismos de que basta con empezar a escribir en la pantalla de Inicio para que empiece la búsqueda. La búsqueda se asocia estrechamente con la escritura –el patrón de uso más frecuente para buscar en el menú de Inicio consiste en mostrarlo con la tecla Windows o pulsando en el botón de Inicio y escribiendo algo. Este mismo comportamiento tan eficiente se mantiene en Windows 8 ya que hemos visto y los datos nos demuestran que es la forma de trabajo que más le gusta a los usuarios. Nuestra experiencia en los tests de usuario e incluso la que hemos visto en el //build entre aquellos que utilizaban la Preliminar de Desarrollo por vez primera, es que la gente acaba descubriendo por sí sola esta funcionalidad casi desde el principio, sin que nadie se lo explique. Por eso confiamos en que no va a ser un factor negativo en la usabilidad. Por supuesto, el charm de Búsqueda se ve muy bien y al seleccionarlo, aparece el diálogo de la búsqueda.

El menú de Inicio de Windows 7 incluía también la funcionalidad “Ejecutar” para lanzar comandos y navegar por las carpetas de Windows. Esto también se mantiene en Windows 8 –ciertas tareas como la ejecución de scripts y archivos .exe en el PATH del usuario siguen siendo posibles y están soportadas en la búsqueda de Aplicaciones. La búsqueda sigue permitiendo el acceso a carpetas desde el Explorador de Windows si escribimos su path completo. Por ejemplo, si escribimos “c:\” en la pantalla de inicio, la búsqueda nos devuelve la lista de carpetas en la unidad C:\ debajo del cuadro de búsqueda. Pulsando la flecha abajo podemos movernos por la lista y también aplica el autocompletado al nombre de la carpeta en el mismo cuadro de búsqueda, de manera que la lista de resultados se hace más reducida a medida que escribimos. Podemos hacer lo mismo con paths UNC (por ejemplo \\foo\example). Y por supuesto, con la combinación de teclas Windows+R podemos saltar al escritorio y nos aparece el diálogo “Ejecutar” de siempre, como era de esperar.

Figura 5: Escritura de un nombre de carpeta en la búsqueda de la pantalla de Inicio

Búsqueda de configuraciones

La experiencia de búsqueda de datos de configuración reúne todos los elementos de configuración y del Panel de Control que afectan al sistema dentro de una vista unificada. La búsqueda de datos de configuración chequea los términos escritos por el usuario, no solo contra el nombre de la tarea o el applet del Panel de Control, sino contra las diferentes palabras clave que sirven para definir a dichos objetos. También nos habéis comentado vuestra frustración por el hecho de que el apagado no aparece como resultado de la búsqueda, y veremos cómo podemos arreglar esto al tiempo que añadimos algunas mejoras en la interfaz de usuario de la pantalla de Inicio para resolver el apagado (aunque conviene recordar que tenemos un botón de apagado para esto, o también podemos bajar la tapa del portátil).

Figura 6: Resultados de búsqueda de elementos de configuración en vista de pantalla completa

Búsqueda de archivos

El número de archivos que podemos meter en un PC aumenta en progresión constante toda vez que los usuarios siguen creando y descargando documentos, música, fotos y vídeos. Nuestro objetivo al rediseñar la experiencia de búsqueda de archivos era hacerla tan completa y fluida que pudiésemos encontrar cualquier archivo de manera rápida sin tener que pasar por el Explorador de Windows.

En la búsqueda de archivos también van apareciendo sugerencias a medida que el usuario teclea, para ayudarle a resolver la operación de manera más rápida y eficiente. El indexador devuelve estas sugerencias basándose en el contenido y propiedades de los archivos de los que tiene constancia. Las sugerencias de búsqueda son un concepto muy potente que se ha hecho muy popular y se emplea de manera habitual en la web, ayudándonos a detectar los resultados relevantes en nuestras búsquedas en cuanto tecleamos las primeras letras. En Windows 8 hemos integrado las sugerencias dentro de la experiencia de búsqueda de archivos y hemos extendido esta funcionalidad para que puedan utilizarla todas las aplicaciones estilo Metro. Conviene señalar además, que esta funcionalidad también es capaz de rectificar errores tipográficos y palabras mal escritas, sugiriendo los términos de búsqueda que considera que serían los correctos a medida que se escriben las letras. Con las teclas de las flechas podemos seleccionar las palabras que completarían automáticamente nuestros términos de búsqueda. Esto hace que resulte bastante sencillo ir añadiendo nuevos términos a la consulta y refinar aún más los resultados.

Podemos seguir utilizando la función AQS (Advanced Query Syntax) de Windows 7. AQS aporta un mayor grado de precisión y control a la hora de construir la consulta y obtener los resultados. Aquí vemos algunos ejemplos de búsqueda y su correspondiente sintaxis avanzada de consulta:

Lo que se busca:	Sintaxis AQS
Encuentra todos los archivos creados por Brian o David.	author: (Brian OR David)
Encuentra todas las fotos con una distancia focal de 2.8 hechas sin flash	f-stop:2.8 flashmode:no flash
Muestra todos los archivos cuyo nombre contiene una palabra que empieza con Metro y su tamaño es superior a 1 Mb	filename:$<Metro* size:>1mb

Figura 7: Sugerencias de búsqueda basadas en el contenido y propiedades de los archivos

Figura 8: Búsqueda de archivos mostrando resultados en pantalla completa

Al independizar las búsquedas de aplicaciones, configuraciones y archivos con sus propias vistas conseguimos margen en todos estos apartados para avanzar en su evolución y mejora, ya que de esta forma cada uno puede mostrar los resultados en el formato más adecuado, a diferencia de lo que ocurre con la lista única de resultados que teníamos en las versiones anteriores, que obligaba a ciertas renuncias para conseguir mostrarlos en un espacio limitado. Por ejemplo, la vista de la búsqueda de archivos también incluye filtros para refinar los resultados en base al tipo de archivo que estamos buscando. El filtrado por tipo de archivo es una forma muy potente para reducir la cantidad de resultados independientemente de donde se guarda el archivo.

Ahora además se añade una información más relevante y contextual para cada archivo, con lo que se obtiene una experiencia de búsqueda completa. Nos ayuda a diferenciar entre resultados aparentemente muy similares y nos permite saber con claridad por qué ha devuelto determinados resultados, al destacar la propiedad que coincide con el término de búsqueda, algo que no era posible en el menú de Inicio anterior. Por ejemplo, cuando buscamos por la palabra “rendimiento”, los resultados mostrados destacan el sitio donde aparece la palabra “rendimiento”. En un resultado puede que aparezca en la propiedad Título, y este hecho se indica claramente en pantalla. Los resultados muestran también el tamaño y tipo de archivo para eliminar ambigüedades al usuario.

Figura 9: resultados de búsqueda de archivos donde se destaca la propiedad que coincide con el término de búsqueda

Si pasamos el puntero del ratón sobre un resultado de búsqueda aparece una información más detallada. Por ejemplo, en el caso del vídeo que se ve a continuación, la información ampliada nos muestra la duración del vídeo, tamaño del frame (altura y anchura), fecha de modificación y el path completo. Si utilizamos la interfaz táctil, para ver esta información complementaria simplemente tenemos que presionar y mantener el dedo sobre el elemento.

Figura 10: Datos adicionales al pasar el ratón por encima de un elemento encontrado en la búsqueda

Optimizar la búsqueda en la pantalla de Inicio

El diseño en favor de una mayor eficiencia y destreza es un objetivo de primer orden para el equipo encargado del desarrollo de la funcionalidad de búsqueda en la pantalla de Inicio. En este sentido, el uso del teclado para iniciar aplicaciones, encontrar configuraciones o acceder a archivos desde la búsqueda es una parte muy importante de la experiencia de búsqueda que queremos conseguir. También hemos tratado en lo posible de mantener y potenciar los actuales patrones de teclado, a los cuales ya están habituados muchos usuarios, tanto normales como expertos.

Nuestros datos de telemetría nos indican que muchos usuarios emplean el menú de Inicio como una forma de ejecutar comandos en Windows. Utilizan combinaciones de teclas concretas para arrancar aplicaciones de manera más rápida. Por ejemplo, pulsando la tecla Windows, luego escriben “calc” y al pulsar ENTER se inicia la Calculadora. Muchos usuarios avanzados saben que escribiendo “cmd” y después la combinación de teclas CTRL+SHIFT+ENTER se inicia una Shell de comandos con privilegios elevados, y que escribiendo “notepad c:\mynotes” se crea o se abre un archivo .txt. Os invito a ver la demostración del uso del teclado en la sesión //build/ keynote, donde se enseñan muchas de estas combinaciones y atajos.

Estos patrones de uso de teclado siguen vigentes en Windows 8, funcionando como en las versiones anteriores. Pulsando la tecla Windows nos aparece la pantalla de Inicio. Basta con empezar a escribir en esa pantalla de Inicio y se abre automáticamente el panel de Búsqueda con el término a buscar escrito en el cuadro de búsqueda y la vista te filtra las aplicaciones que coinciden con él.

La forma más rápida de buscar configuraciones y archivos desde cualquier punto del sistema consiste en utilizar una serie de combinaciones de teclas que hemos añadido para mejorar la eficiencia del proceso. Estas combinaciones de Windows 8 reducen el número de pulsaciones necesarias para acceder a una configuración o un archivo a un número que es igual o menor que las que serían necesarias en Windows 7. Por otro lado, también podemos utilizar el panel de Búsqueda, que nos indica el número de resultados que coinciden con la búsqueda en cada vista, para poder pasar directamente de los resultados de la catergoria de aplicaciones al de archivos o al de configuraciones.

y escribir	Búsqueda de Aplicaciones
+W	Búsqueda de configuraciones
+F	Búsqueda de Archivos

Figura 11: Combinaciones de teclado para las búsquedas en Windows 8

Basándonos en parte en los comentarios recibidos al respecto, estamos trabajando en un cambio que espero que podamos tener disponible en la versión beta, que hará que pasemos directamente a los resultados de búsqueda de aplicaciones al seleccionar el charm de Búsqueda en el escritorio.

La eficiencia a la hora de utilizar el teclado no acaba en el hecho de simplemente con el acto de escribir dar comienzo a la búsqueda. Algunas veces la aplicación, archivo o configuración a la que queremos acceder no aparece en la primera tanda de resultados. Podemos utilizar las teclas de flechas para desplazarnos rápidamente hasta la aplicación deseada en la lista de resultados y después pulsar ENTER para arrancarla. El cuadro blanco que indica la actividad del teclado nos dice qué aplicación se va a arrancar en cuanto pulsemos ENTER. Con ello se mejora la eficiencia al abrir cualquier aplicación, archivo o configuración que resulte de una búsqueda. En Windows 7 solo conseguíamos esta eficiencia si el elemento buscado se encontraba entre los 3 ó 4 devueltos en primera instancia por la búsqueda.

Cuando analizábamos cuáles eran los elementos del Panel de Control que la gente suele buscar con más frecuencia y cómo lo hace (por ejemplo, para ir a la configuración del ahorro de energía “power options” utilizando la palabra “power”), en seguida vimos que, al primar los resultados de tipo aplicación en nuestro diseño para Windows 7, “Power options” salía como cuarto resultado, justo después de los resultados correspondientes a las aplicaciones Power shell. Si se había instalado en la máquina y se utilizaba PowerPoint con cierta frecuencia, aparecía PowerPoint junto a Power shell (32 bits, 64 bits y el archivo de Ayuda) por delante de “Power options”. Si hubiéramos aplicado el mismo diseño a Windows 8, seguramente la posición de “Power options” en el ranking de resultados habría seguido bajando a medida que fuésemos instalando nuevas aplicaciones. Esto nos acabaría llevando a tener que buscar intensivamente entre una serie de resultados creciente cada vez que fuésemos a buscar un archivo, configuración o aplicación concreta.

En Windows 8 también se muestra el número total de resultados devueltos por cada vista del sistema, de modo que podemos saber al momento cuántas aplicaciones, configuraciones o archivos coinciden con nuestra búsqueda. El paso de unas vistas a otras está pensado además para poder alternar entre ellas sin tener que soltar el teclado. En el ejemplo que mostramos a continuación, para ir a la búsqueda de configuraciones pulsamos la tecla de Flecha Abajo y el foco se desplaza hacia la parte de configuraciones en la lista de búsqueda. Si pulsamos ENTER podemos ver los resultados de búsqueda solo para configuraciones. Y como decía antes, podemos seguir utilizando las teclas de las flechas para elegir el resultado deseado y pulsar ENTER para abrirlo. Pulsando TAB podemos pasar desde la lista de resultados de búsqueda hacia el panel de Búsqueda y viceversa.

Figure 12: No aparecen resultados en el grupo de aplicaciones, pero podemos utilizar las teclas de flechas para cambiar a la vista de configuración, donde tenemos 17 resultados

Figura 13: Con las teclas de las flechas podemos seleccionar un resultado de la búsqueda

Abundando en lo dicho antes sobre mantener la eficiencia en las búsquedas, aquí tenemos algunas comparaciones sobre el número de teclas que hay pulsar para abrir las aplicaciones más utilizadas cuando empleamos la búsqueda. En Windows 7 deberíamos pulsar la tecla Windows, empezar a escribir las palabras clave y después pulsar ENTER para ejecutar el programa. Contamos todas las teclas pulsadas desde la primera a la última. En Windows 8 podemos aplicar el mismo patrón para buscar aplicaciones (tecla Windows, escribir las palabras de la búsqueda y pulsar ENTER para arrancarla). En el caso de Word, la Calculadora, Paint o Media Player, si pulsamos la tecla Windows y luego escribimos “Word”, “calc”, “calculator”, “paint”, “player” o “media” en el cuadro de búsqueda, el número de pulsaciones es exactamente el mismo en Windows 7 y Windows 8.

Para abrir alguna configuración en Windows 7 tendríamos que pulsar la tecla Windows, escribir el término de búsqueda, movernos con la flecha hacia abajo hasta el resultado deseado y pulsar ENTER para abrir el enlace. En Windows 8 podemos utilizar la combinación Windows+W para iniciar la búsqueda en la sección de configuraciones, escribir después una consulta y pulsar ENTER para ejecutar. Si pulsamos la tecla Windows+W y después escribimos “uninstall”, “device manager” o “defender”, obtenemos los mismos resultados con exactamente el mismo número de teclas pulsadas en Windows 7 y en Windows 8. En algunos casos necesitamos menos teclas incluso que con Windows 7 (por ejemplo, pulsando la tecla Windows+W y escribiendo después “power” seguido de ENTER para ir a las opciones de configuración del ahorro de energía).

Esta facilidad orientada al manejo experto del teclado no es todo cuanto hemos hecho para aumentar la eficiencia de las búsquedas. También hemos mejorado notablemente el rendimiento del sistema en el apartado de las búsquedas. En los tests realizados hasta ahora con Windows 8, las mejoras introducidas han permitido acortar en un 50% el tiempo necesario para las búsquedas en equipos de escritorio y portátiles. Estas mejoras son aún mayores en el caso de los netbooks.

Figura 14: comparativa de rendimientos, mostrando el porcentaje de reducción del tiempo necesario para la ejecución de búsquedas de aplicaciones

Diseñado para la interfaz táctil también

Hemos revisado los pormenores del diseño de la búsqueda para mejorar la destreza con el teclado, pero este diseño también funciona muy bien con la interfaz táctil. Para empezar una búsqueda en la pantalla de Inicio, solo tenemos que mover el borde y pulsar sobre el charm de Búsqueda, con lo que se abre la lista completa de aplicaciones instaladas en el equipo. Podemos utilizar el teclado en pantalla para buscar un programa concreto, pero también podemos utilizar el zoom semántico para reducir la vista y pulsar después en la sección donde está la aplicación que buscamos. El acceso a la función de búsqueda es ligero, rápido, fluido y nos orienta en seguida, al ir moviéndonos por la lista de aplicaciones, configuraciones y archivos.

El panel de Búsqueda permite seguir buscar con los mismos términos de búsqueda en otras vistas del sistema o en aplicaciones estilo Metro con un solo toque. Las sugerencias de búsqueda, adaptadas a la interfaz táctil, prácticamente nos evitan tener que teclear sobre la pantalla, y el contrato de búsqueda proporciona un Framework para las sugerencias de búsqueda que los desarrolladores pueden emplear para sus propias aplicaciones estilo Metro también. Además hemos creado unos filtros adaptados a la interfaz táctil con contador de resultados en la vista de búsqueda de archivos que ayuda a refinar los resultados obtenidos.

La nueva experiencia de búsqueda en la pantalla de Inicio hace que ahora sea mucho más fácil buscar cualquier contenido en el PC o en las aplicaciones desde cualquier punto del sistema. Está pensada para funcionar de manera eficiente y transparente en toda la amplísima variedad de dispositivos que van a poder funcionar con Windows y con distintos medios de entrada de información, tanto con teclado y ratón como pantallas táctiles. La búsqueda se realiza sobre las aplicaciones, configuraciones y archivos del equipo, y esta funcionalidad se extiende también a aquellas aplicaciones estilo Metro que implementen el contrato de búsqueda, consiguiendo así una experiencia de búsqueda consistente y unificada. Puedes ver más información sobre esto en nuestra presentación del //build, llamada el contrato de Búsqueda.

Aquí tenéis un vídeo que muestra lo fácil y eficiente que es la función de búsqueda para abrir aplicaciones, configuraciones y archivos desde cualquier punto del sistema utilizando el teclado:

Descarga este vídeo para verlo en tu reproductor preferido:
MP4 de alta calidad | MP4 de calidad media

Gracias,
Brian

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/10/18/designing-search-for-the-start-screen.aspx

Saludos,

El equipo de MSDN España

Reducir la memoria del runtime en Windows 8

esmsdn — Wed, 15 Feb 2012 08:54:00 GMT

Ciertos aspectos fundamentales, como el uso de la memoria, son claves en el diseño de Windows 8. En el desarrollo de Windows 8 hemos reducido notablemente la memoria necesaria para el conjunto del runtime del núcleo del sistema. Siempre es bueno para todos y especialmente en un mundo en el que la gente quiere ejecutar más y más aplicaciones al mismo tiempo o hacerlas funcionar en sistemas con tan solo 1 ó 2 Gb de memoria. El portátil del que hablamos en este artículo es exactamente el mismo que mencionábamos en la Windows 7 PDC de 2008 –un netbook pelado, de primera generación con procesador Intel ATOM y 1 GB de memoria. En este artículo explicamos nuestros esfuerzos por reducir el consumo de memoria y ha sido redactado por Bill Karagounis, el program manager de nuestro grupo de Performance.

--Steven

El consumo de memoria del runtime en Windows 8 es un factor importante a la hora de definir los requisitos del sistema operativo y del enorme abanico de dispositivos que van a poder ejecutar Windows 8. Como sabes, estamos trabajando para incorporar toda la experiencia completa de Windows 8 en dispositivos basados en la tecnología SoC (“System on a Chip”) que se caracterizan por su bajo consumo eléctrico. Esto hace que sea aún más importante reservar cuanta más memoria mejor para múltiples aplicaciones concurrentes y para mantener la capacidad de respuesta general de los dispositivos.

Lo que no es tan evidente es que al reducir el consumo de memoria en plataformas de bajo consumo, la batería dure más tiempo. ¿Ah, si? En cualquier PC, la RAM consume electricidad de forma permanente. Si un S.O. utiliza mucha memoria, obliga a los fabricantes a incorporar más memoria RAM física. Cuanta más memoria RAM instalemos en la placa base, mayor será el consumo, y menos durará la batería. Tener más memoria RAM en un Tablet PC puede, en ciertos casos, recortar en varios días el tiempo que la propia tableta puede mantenerse en tu mesita de café aparentemente apagada, pero en realidad vivita y coleando.

Los objetivos del uso de memoria

Nuestro objetivo con Windows 8 desde el primer momento fue mantener los mismos requisitos del sistema que con Windows 7. Sabemos que podremos ir más lejos todavía si conseguimos liberar más recursos para las aplicaciones aun manteniendo sin cambios los requisitos publicados. Resulta divertido pensar en qué consistía un hardware de “gama baja” en 2009 y cómo ahora ni siquiera podemos encontrar módulos de 256 Mb de memoria en ningún sitio. Queríamos asegurarnos de que la gente que tiene hardware de los tiempos de Windows 7 podría actualizar sin dificultad estas máquinas a Windows 8 y aprovechar plenamente la funcionalidad que les ofrece. Además esperamos que muchas máquinas que han funcionado con Windows 7 sigan haciéndolo con Windows 8, basándonos en las experiencias obtenidas con otras máquinas viejas que, de manera intencionada, hemos mantenido en nuestra infraestructura de pruebas de rendimiento.

Una tarea importante a resolver con Windows 8 era hacer sitio para nuevas funcionalidades sin perder ocasión para reducir la memoria que consumen las funcionalidades actuales y el sistema en general. Windows 8 parece ir por el buen camino en el objetivo que nos hemos marcado.

Comparación de uso de memoria en el Administrador de Tareas

La manera más sencilla de tener una comparación del uso de memoria entre Windows 7 y Windows 8 y que nos pueda servir de referencia es instalar ambos sistemas operativos en una máquina con 1Gb de RAM (el mínimo exigido por el S.O.) y compararlos después de unos cuantos reinicios y al cabo de un tiempo de inactividad.

El Administrador de Tareas de Windows nos aporta la vista principal de la memoria del sistema por medio de su estadística “En uso” (descrita en detalle en este documento). En el gráfico siguiente se compara el consumo de memoria en el notebook de Steven, que tiene 3 años de antigüedad y que ha utilizado hace poco para las sesiones de la conferencia BUILD, con Windows 7 en estado de reposo, y después, en la misma máquina, con Windows 8.

Figura 1 – Uso de memoria con Windows 7 SP1

Figura 2 – Uso de memoria con Windows 8

Los componentes concretos de hardware de cada máquina, el uso de memoria por parte de los drivers, e incluso el tiempo de actividad pueden dar lugar a una gran variación en estos datos, así que los resultados de consumo de memoria pueden diferir entre máquinas distintas (e incluso en la misma máquina en momentos diferentes). De todas formas, vemos aquí que Windows 8 se maneja bien en comparación con Windows 7.

Podemos divertirnos un poco más en una máquina de pruebas si vamos al administrador de dispositivos y desactivamos el adaptador de pantalla (desactivar el driver de gráficos). Nunca utilizaríamos una máquina en estas condiciones, pero así conseguimos una aproximación aún más precisa al uso de memoria del sistema Windows puro. Al desactivar el driver de gráficos, la máquina reduce la memoria ocupada por debajo de los 200 Mb al cabo de un rato de inactividad.

NOTA: en el caso de Windows 8, una instalación limpia contiene también la tecnología extendida de Windows Defender, que por primera vez integra toda la funcionalidad antimalware completa, y está también optimizado para un uso eficiente de la memoria y los recursos de hardware, como podéis leer en el blog de Jason sobre protección del sistema frente al malware. (Esta funcionalidad no viene con las instalaciones limpias de Windows 7, en las que nos recomienda que instalemos un software de seguridad).

Haciendo hueco en Windows 8

Hemos hecho cientos de cambios para reducir el consumo de memoria del S.O. en Windows 8. Voy a mencionar algunas de las áreas concretas en donde los ahorros de memoria han sido más notables.

Combinación de memoria

A la hora de evaluar los contenidos de la memoria RAM en un PC normal en ejecución, vemos que muchas partes de la memoria tienen el mismo contenido. Las copias redundantes de datos en la RAM del sistema suponen una buena oportunidad par reducir el consumo, incluso en el caso de los servicios y componentes del S.O.

¿Y cómo puede ser que ocurra esto? A veces las aplicaciones reservan memoria para usos futuros y la inicializan toda ella con el mismo valor. La aplicación puede que nunca llegue a utilizar la memoria, puesto que se ha reservado como anticipo de una funcionalidad que posiblemente el usuario nunca utilice. Si hay varias aplicaciones ejecutándose haciendo esto a la vez, tenemos copias redundantes en la memoria del sistema.

La combinación de memoria es una técnica mediante la cual Windows evalúa de manera más eficiente el contenido de la RAM del sistema durante el periodo de actividad normal y detecta contenidos duplicados. Windows libera los duplicados y mantiene una sola copia. Si la aplicación intenta escribir en el futuro en la memoria, Windows le asigna una copia privada. Todo esto sucede en la trastienda, lo hace el gestor de memoria, sin afectar a las aplicaciones. Con esta técnica liberamos decenas y cientos de megas de memoria (dependiendo de cuántas aplicaciones se ejecutan de forma concurrente).

Cambios y recortes en los servicios

Los servicios del S.O. configurados para ejecutarse todo el tiempo son grandes consumidores de memoria. Cuando, durante la planificación de Windows 8, empezamos a evaluar el conjunto de servicios del S.O., decidimos eliminar una serie de ellos (hasta 13), pasar otra parte de los servicios a inicio “manual” y dejar otra parte de los servicios de “ejecución permanente” dentro de un modelo de “inicio bajo demanda”. En este caso, cuando se activa un “trigger” del S.O. (por ejemplo la inserción de un dispositivo o la disponibilidad de una dirección de red), se producen las acciones siguientes:

Arranca el servicio.
El servicio hace lo que tenga que hacer (la actividad que le corresponda)
Se queda colgado un tiempo para asegurarse de que no tiene nada más que hacer y
El servicio se detiene.

Seguramente has caído en la cuenta de que Plug and Play, Windows Update y el servicio de marco de controladores en modo usuario son servicios que se arrancan bajo demanda en Windows 8, en contraste con lo que suceden en Windows 7, donde estos servicios están permanentemente activos.

Por supuesto, hemos añadido un montón de nuevas funcionalidades (y código nuevo) a Windows 8. Algunas de estas nuevas funciones vienen en la forma de nuevos servicios. De estos nuevos servicios, dos son de arranque automático. Los demás son o bien manuales o de arranque bajo demanda.

Hacer lo mismo con menos memoria

Cuando Windows ejecuta las aplicaciones y sus propios procesos internos del sistema, los archivos de programa y datos se cargan desde el disco a la memoria principal. Durante el desarrollo de Windows 7 y en lo que llevamos de Windows 8, hemos ido analizando los trozos (páginas) de memoria durante una ejecución normal y la frecuencia con que se referencian. La idea aquí es que si vamos a pagar un cierto precio por asignar una parte de la memoria, lo mejor sería que el número de veces que se referencia sea elevado. Si no accedemos a esa porción de la memoria con frecuencia pero la necesitamos, una buena solución sería consolidarla con algo más.

Al poco de publicar Windows 7, empezamos a aplicar una técnica parecida a algunos de los componentes de bajo nivel de Windows que se remontaban a los primeros tiempos de NT (allá por los primeros años 90). El trabajo supuso un rediseño completo del código y cambiar las estructuras de datos para independizar totalmente ciertas partes “calientes” de la memoria (las que se referencian frecuentemente) de las partes “frías”. Al consolidar densamente los fragmentos calientes, conseguimos reducir sensiblemente el consumo de memoria global del runtime.

Dada la naturaleza de los cambios (los componentes de bajo nivel del S.O.), queríamos terminar la tarea lo antes posible para disponer de tiempo suficiente para ponerlos a prueba. A día de hoy estos cambios llevan ya funcionando en Windows 8 casi dos años, y miles de empleados de Microsoft utilizan el producto para sus actividades cotidianas. Hemos obtenido resultados consistentes que demuestran una reducción en el uso de memoria de decenas de megabytes en máquinas normales.

Inicialización “perezosa” del escritorio

El pasado mes de junio, vimos a Steven y Julie presentar la interfaz de usuario Metro por vez primera. Esperábamos ver a mucha gente con tablets dedicar un buen rato a utilizar este entorno, básicamente con aplicaciones estilo Metro. Dentro de aquella demostración, también mostramos que en Windows 8 se pueden seguir utilizando las aplicaciones actuales y utilizarlas en el entorno de escritorio que todo el mundo conoce.

Desde el punto de vista de uso de memoria, hemos aprovechado la circunstancia de que vamos a tener una serie de dispositivos con los que los usuarios se van a manejar con la interfaz Metro prácticamente todo el tiempo. En este caso, Windows 8 solamente inicializará los componentes de S.O. exclusivos del entorno de escritorio cuando sea necesario. Esta es otra manera de ahorrar memoria, aproximadamente unos 23 Mb por ahora. (El Administrador de Tareas se ejecuta en el escritorio, por lo que los datos de memoria que se veían en las capturas anteriores incluyen también ese consumo).

Asignación de prioridades más detallada

Windows 8 dispone de un mejor esquema para asignar prioridades a la hora de responder a las asignaciones de memoria desde las aplicaciones y componentes del sistema. Esto supone que Windows decide mejor qué memoria se mantiene activa y cuál se libera antes.

Por ejemplo, los programas antivirus realizan varias comprobaciones sobre los archivos cuando otros programas los van a abrir. La memoria que asigna el antivirus para verificar las firmas de virus normalmente se hace una sola vez (es improbable que esa memoria concreta se necesite en un momento posterior). En Windows 7, la memoria se trata como si tuviera la misma prioridad en el sistema que cualquier otra parte de la memoria (pongamos por ejemplo, memoria asignada por una instancia de Microsoft Excel en ejecución). Si la memoria empieza a escasear, Windows 7 podría empezar a liberar la memoria que utiliza para ayudar a otra aplicación en ejecución (como Excel) para responder rápidamente al usuario, el cual no sería la mejor opción para la capacidad respuesta del sistema, en este caso.

En Windows 8, cualquier programa tiene posibilidad de asignar memoria como de “baja prioridad”. Es una señal importante para Windows, ya que en caso de que lo necesite, Windows puede liberar esta memoria de baja prioridad para tener más espacio y ello no afectaría a otras zonas de memoria necesarias para mantener la capacidad de respuesta del sistema.

Por resumir, he explicado nuestra filosofía y la estrategia que hemos seguido para reducir el consumo de memoria en Windows 8. Has podido ver algunos ejemplos de los resultados y hemos rascado un poco en la superficie de parte del trabajo de ingeniería que llevamos hecho hasta ahora en este campo. Una cosa de la que no he hablado en absoluto es del modelo de aplicación de Windows 8 ni de los cambios realizados en el ciclo de vida de los procesos para conseguir que las nuevas aplicaciones de Windows 8 sean más “consideradas” con la memoria. Puedes ver más detalles en las sesiones de BUILD y en artículos que iremos publicando más adelante, ya que es una parte realmente importante del trabajo de rediseño de Windows.

Sin duda hemos avanzado ya un trecho muy largo, pero todavía nos queda.

--Bill Karagounis

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/10/07/reducing-runtime-memory-in-windows-8.aspx

Saludos,

El equipo MSDN España

El diseño de la pantalla de Inicio

esmsdn — Tue, 14 Feb 2012 14:38:00 GMT

Nos damos cuenta de que el diseño está levantando pasiones y muchos comentarios. Hemos diseñado la pantalla de Inicio como una solución moderna, rápida y fluida para el arranque de aplicaciones, alternancia entre ellas, presentación de notificaciones y para tener una vista completa de toda la información. Todo esto son palabras mayores y, por supuesto, lo hemos tratado de hacer para satisfacer a la inmensa mayoría de clientes que están más familiarizados con el menú de Inicio, el teclado y el ratón y también a usuarios nuevos que vienen de dispositivos táctiles. Este artículo lo ha redactado Alice Steinglass, program manager del grupo de Core Experience Evolved. –Steven

Como ya comentamos en nuestro artículo sobre la evolución del menú Inicio, después de analizar el uso del menú de Inicio en la vida real por medio de una serie de técnicas, llegamos a la conclusión de que en realidad se utiliza para arrancar los programas de uso menos frecuente. Cada vez se arrancan más los programas desde la barra de tareas, por lo que el menú de Inicio se está quedando claramente como interfaz de usuario para los programas que menos se utilizan. Y el menú de Inicio no está optimizado para este fin. No ofrece muchas posibilidades de personalización, apenas aporta información de utilidad y tiene poco espacio para los resultados de las búsquedas. Hemos encontrado gente muy metida “en la pomada” que valoraban mucho el aumento de eficiencia que supone el salir del menú de Inicio y anclar los programas de uso más frecuente en la barra de tareas de modo que pueden acceder a ellos instantáneamente, con un solo clic. Hemos visto montones de estaciones de trabajo profesionales donde en la barra de tareas tienen metidos un montón de accesos directos a herramientas que utilizan de forma regular: máquinas de ingenieros, diseñadores, desarrolladores, profesionales de la información, etc.

Así que, puesto que es evidente que el menú no ha conseguido adaptarse a la manera en que se utilizan los PCs a día de hoy, lo cierto es que vemos un creciente interés por cambiar el menú de Inicio (tanto para interfaz táctil como para los consabidos teclado y ratón). Al mismo tiempo hemos detectado un uso cada vez más intenso de iconos de notificación, ciertamente complejos –cada día tienen más menús y acciones- y se mantiene el interés por los gadgets de escritorio, que aún tienen mucho recorrido por delante para explotar todo su potencial.

A la vista de estos hallazgos, lo que hemos hecho ha sido dar un paso atrás y volver a replantearnos el papel del menú de Inicio en Windows 8. Sabíamos que teníamos ya un potente iniciador para los programas de escritorio en la barra de tareas. La pantalla de Inicio no es simplemente un remplazo del menú de Inicio, sino que está diseñado para ser el punto ideal de arranque y cambio entre aplicaciones, un lugar con vida propia gracias a las notificaciones, personalizable, potente y eficiente. Nos pone juntas una serie de soluciones que a día de hoy aparecen dispersas y escasamente integradas. Como dije antes, algunas de estas funcionalidades, y también el desarrollo completo del soporte para ratón y teclado, no se incluyen en la Preliminar de Desarrollo de Windows 8, que se ha centrado en la creación de aplicaciones estilo Metro y en las APIs del WinRT.

Viveza con actividad

Al revisar los sistemas Windows vimos que el “PC promedio” está repleto de iconos de notificación del sistema, una enorme lista de carpetas y accesos directos al software instalado y applets en muchos lugares del sistema, todo ello captando la atención del usuario. Además de los programas, los usuarios acceden a una gran cantidad de sitios web con datos actualizados, tanto desde Internet como de la intranet. Estos programas y sitios web consumen y muestran un flujo constante de datos actualizados: nuevos correos, datos de negocio, comunicaciones, artículos, fotos, noticias, etc.

Hemos diseñado la pantalla de Inicio de Windows 8 de manera que el usuario puede crear un panel conectado que le mantiene en contacto en todo momento con las aplicaciones, actividades, personas y lugares que más le interesan. La aplicación de noticias muestra los titulares más recientes, la aplicación del tiempo muestra las previsiones, una aplicación de RSS avisa de novedades de algún sitio Web de interés, la aplicación de redes sociales enseña el estado, o la de un juego, que avisa de cuando nos toca jugar –y cuándo no. Aunque se trata de simples ejemplos, no cuesta mucho imaginar las aplicaciones que utilizamos actualmente (tanto en el navegador como en el escritorio, o en forma de gadgets y notificaciones), rediseñadas como aplicaciones estilo Metro que conecten con las mismas fuentes de información que ahora, pero que ofrezcan un panel interactivo, personalizable, atractivo y visualmente llamativo. Esperamos que se desarrollen pronto muchas aplicaciones corporativas que muestren Lives Tiles para sus sistemas y procesos internos también. En esta visión caben incluso las mejoras para los usos más mundanos gracias a su capacidad para mostrar activamente los datos. Por ejemplo, nuestro equipo de desarrollo ha estado utilizando un programa estilo Metro para el seguimiento de bugs (ejemplo de aplicación corporativa), que se conecta con nuestra base de datos de bugs actual. No les costó mucho trabajo hacerla y ha sustituido a varios iconos y gadgets de notificación que venía utilizando el equipo.

Fig. 1: Live Tiles en la pantalla de Inicio

Las aplicaciones pueden seguir representándose a sí mismas simplemente con un icono y un nombre, Y para ciertas herramientas, esto seguirá siendo así: la interfaz de comandos del S.O., el Administrador de Tareas, etc. Pero para la mayoría de las aplicaciones más importantes y conectadas de hoy en día, un sencillo icono y un nombre son poca cosa, cuando resulta que tienen mucha información que pueden ofrecer. Y esta información se puede ver de un solo golpe de vista sin que el usuario deba gestionar ventanas ni cambiar contexto alguno.

Sabíamos que necesitábamos poder cargar las Live Tiles de forma eficiente e instantánea. Para cualquier dispositivo móvil resulta fundamental alargar todo lo posible la duración de la batería y mantener un rendimiento elevado. Si al entrar en la pantalla de Inicio cada aplicación cargara y ejecutara un proceso (siguiendo el modelo tradicional de “gadget”), se perjudicaría notablemente el rendimiento de la navegación scrolling, etc. También aumentaría el consumo de CPU y memoria en segundo plano, lo que forzaría a su vez un mayor consumo de batería. Actualmente, cuando la gente quiere ver si tiene correo, ejecuta su aplicación de correo, ve una notificación específica de la aplicación que compite con otras notificaciones o bien abre otra pestaña nueva en el navegador. Si quieren ver lo que pasa en las redes sociales, dejan abiertas un montón de aplicaciones o sitios web. Si están esperando a jugar en algún juego, la aplicación queda abierta. Todo esto lleva a una merma del rendimiento y de la duración de las baterías al ejecutarse todos estos programas al mismo tiempo. La alternativa sería desconectarse y volver a conectarse, abriendo y cerrando continuamente los programas. ¿Por qué los dispositivos móviles hacen estas cosas mucho mejor que un PC (o cualquier otro factor de forma) aun teniendo bastante más pantalla, más espacio de almacenamiento y más potencia a la hora de procesar datos y conectarse a redes?

Para resolver este problema, la pantalla de inicio adopta ahora un proceso único que recibe las notificaciones desde el Windows Notification Service (WNS) y actualiza en directo las Lives Tiles. Las Tiles se cachean de manera que se cargan instantáneamente cuando se abre la pantalla de Inicio. El resultado es que las Tiles no son aplicaciones, sino superficies provistas por el sistema que avisan rápidamente de las novedades en las aplicaciones. Funcionan como una extensión de las aplicaciones instaladas (o las desarrolladas por uno mismo), con acceso instantáneo al contenido relevante sin afectar a la duración de la batería ni repercutir negativamente sobre el rendimiento.

Personalización

Un aspecto crucial a la hora de desarrollar un panel y entorno de arranque de aplicaciones, es sin duda, su capacidad para personalizarlo. El antiguo menú de Inicio permite una personalización muy limitada –se pueden anclar unas cuantas aplicaciones en una pequeña lista y utilizar el diálogo de personalización para elegir cuáles de los pocos enlaces integrados quieres ver en ella. Pero las opciones son muy limitadas. No podemos insertar nuestros propios enlaces, No podemos vincular con otra cosa que no sea una aplicación. No podemos cambiar el orden de las aplicaciones, agruparlas o anclar más que unas pocas. La verdad es que han sido muchas las quejas que nos han llegado por el tema de la ordenación manual de los elementos del menú de Inicio y el mantenimiento de dicho orden. La barra de tareas ayuda en algunas de estas cosas, pero tiene un área de trabajo limitada, en relación con el tamaño de la pantalla.

Cuando empezamos con el diseño de la nueva pantalla de Inicio estuvimos analizando alternativas donde podíamos clasificar automáticamente las aplicaciones o anclar una serie de enlaces rápidos (más o menos como ocurre con la parte derecha del menú de Inicio actualmente). Pero, como resultado de la investigación con usuarios en entornos de uso real, vimos que la gente en realidad no quiere que adivinemos de qué manera lo van a utilizar. Aquellos que tienen un muy buen manejo de sus PCs quieren flexibilidad para poder diseñar su propia experiencia de Inicio. Sabemos que, en la Preliminar de Desarrollo actual, la presentación automática es un asunto que preocupa especialmente y desde luego, como ya dijimos, no es un tema cerrado y haremos todo cuanto sea posible para devolver el control al usuario. Las herramientas organizativas que vamos a describir más adelante (nombrado, agrupamiento, zoom) se mostraron en la sesión de Jensen Harris en el //build/, pero no están presentes en la Preliminar de Desarrollo.

Una buena personalización empieza con la organización. EL menú de Inicio de Windows 7 es una sencilla lista sin jerarquías. Pero a medida que la gente se hace con más y más aplicaciones, la capacidad para organizar y agrupar aplicaciones cobra una importancia especial. Hemos invitado a gente muy variada, con diversos niveles de experiencia a nuestros laboratorios de prueba y les hemos pedido que organizaran las aplicaciones y sitios web que utilizan más a menudo. La variabilidad era sorprendentemente amplia. La gente no metía sus aplicaciones en los mismos grupos predefinidos, ni siquiera en grupos de tamaño parecido. Algunos tenían juntos cinco juegos que pensaban que tenían relación entre ellos. Otros metían más de 40. Algunas veces un grupo de Tiles tenía un nombre evidente –Juegos, Noticias. Otras veces, los usuarios ni siquiera eran capaces de encontrar un nombre adecuado para los grupos que habían creado, y se referían a ellos como “Cosas que hago con frecuencia”, por ejemplo. Viendo todo esto, abordamos el diseño de la pantalla de Inicio de modo que diera la máxima flexibilidad posible al respecto del número de grupos, tamaño de los mismos, disposición de las Tiles dentro del grupo y el nombre a asignarle (incluso dejarlos sin nombre).

Fig. 2: Las Tiles se pueden juntar en grupos, con o sin nombre

Pero crear un panel personalizado supone algo más que organizar las aplicaciones. Los usuarios organizados o expertos pueden estar interesados en tener accesos directos a ciertas informaciones o a un punto concreto dentro de una aplicación. Por ejemplo, en vez de tener únicamente los titulares de las noticias completas en la pantalla de Inicio, puede que nos interese más tener una Tile que muestre los titulares de las secciones de Deportes o Tecnología, por ejemplo. En Windows 8 las aplicaciones pueden ofrecer este tipo de enlaces a distintos niveles y con ellos cada uno puede crear su propia experiencia de Inicio, personalizada y más potente. Esto supone que las Tiles de aplicaciones pueden convivir con Tiles que en realidad son enlaces a páginas web, álbumes, listas de reproducción, gente concreta, un nivel en un juego, una cotización en bolsa de una empresa, etc. Cualquiera de estas Tiles secundarios pueden ser pequeñas o grandes y pueden ocupar cualquier lugar en la pantalla de Inicio. Están “vivos”, igual que los de las aplicaciones, es decir, están permanentemente actualizándose con contenidos frescos y relevantes. Sin duda es una excelente manera de que los desarrolladores de aplicaciones puedan ofrecer funcionalidades diferenciadas.

Fig. 3: Es fácil personalizar la pantalla de Inicio anclando enlaces a distintos niveles de las aplicaciones en cualquier lugar de la superficie visual

La pantalla de Inicio arranca con acceso instantáneo a todo lo que hay en la primera pantalla, limitada únicamente al tamaño del visor. Y aunque la pantalla de Inicio soporta el scrolling normal, la gente también nos ha comentado que les parece más conveniente poder saltar de forma rápida a cualquier grupo. Hemos diseñado el zoom como una forma de dar un paso atrás, contemplar todo el panorama del menú de Inicio y poder llegar directamente a cualquier grupo. Pensamos en empezar con una visión general y después pasar al detalle en un grupo, pero los primeros datos de uso nos indicaban que prácticamente durante todo el tiempo la gente utiliza las Tiles que aparecen en la primera página. La vista estándar de detalle nos permite tener una visión global e instantánea del panel simplemente pulsando la tecla de Windows en el teclado y después, pulsándola otra vez, podemos volver a lo que estábamos haciendo antes. Así pues, para ver cualquier cosa en la pantalla de Inicio solo necesitamos un clic o pulsar una tecla. Cuando se compara este zoom con el meticuloso proceso de navegación por una superpoblada jerarquía del menú de Inicio, o con una barra de tareas atestada de iconos anclados, esta experiencia es mucho más rápida y fluida, y escala para contener un número muy superior de programas y elementos anclados.

Podemos pensar en las carpetas como estructura de organización, pero nuestra experiencia con las carpetas en general y en el menú de Inicio en particular, nos dice que son una forma de enterrar las cosas, no de organizarlas. Las carpetas además nos impiden ver la información actual que podría mostrarnos una aplicación. Una vez que las aplicaciones se organizan en grupos, un zoom para reducir la vista nos ofrece una panorámica completa de los grupos (que se asemeja mucho a una lista de carpetas). Desde la vista panorámica ya podemos pasar directamente a cualquier grupo, igual que si abriésemos una carpeta. Para aquellos que prefieren tener fuera de la vista ciertos programas, siempre pueden eliminar la Live Tile anclada en la pantalla de Inicio y utilizar la búsqueda para llegar a ellos, o simplemente llevar los programas muy al final de la página de Inicio. Sin duda es la manera más eficaz de gestionar una gran librería de aplicaciones.

Fig. 4: con un zoom para reducir la vista de la página de Inicio se consiguen ver fácilmente los grupos de aplicaciones y pasar directamente a cualquier sección de la pantalla

Potencia y eficiencia

Como ya explicábamos en nuestro artículo anterior, el número de aplicaciones y sitios web que utiliza la gente ha crecido de forma espectacular en la última década. Cuando la gente tenía que ir a una tienda física a comprar todos y cada uno de los programas que quería utilizar en su PC, tenía sentido tener un menú de Inicio optimizado para mostrar no mucho más de una decena de aplicaciones. Hoy en día la gente utiliza muchísimos más programas y sitios web (que es otra forma de disponer de funcionalidades equivalentes a las aplicaciones), de manera que tenemos que replantearnos la forma en que la gente utiliza sus PCs ahora.

Al analizar las distintas opciones de presentación de la pantalla de Inicio estuvimos consideramos si sería mejor que fuera a pantalla completa o que apareciese en la parte superior de las aplicaciones, en forma de pequeña ventana temporal en la esquina. Las ventanitas emergentes están muy bien en escenarios en los que necesitamos ver el contexto de cuanto aparece en pantalla mientras lo utilizamos (aunque las interfaces actuales utilizan las ventanas emergentes cada vez menos). Por ejemplo, es un buen diseño cuando se trata de manejar las configuraciones avanzadas de tipo de letra en un documento Word. Su pequeño tamaño nos permite ver cómo cambia el texto mientras variamos el tamaño, tipo de fuente, el color y otras características.

Pero cuando iniciamos una nueva aplicación, en realidad dejamos de lado lo que estábamos haciendo, así que queremos aprovechar toda la pantalla para que el arranque y alternancia entre aplicaciones sea lo más eficiente posible. La pantalla de Inicio en modo de pantalla completa nos ofrece la potencia y la flexibilidad necesarias para lanzar más aplicaciones con un solo clic. Podemos seguir teniendo las aplicaciones más utilizadas ancladas en la barra de tareas, pero la nueva pantalla de Inicio tiene sitio para más del doble de las 10 ó 12 aplicaciones que podríamos anclar en el antiguo menú de Inicio y aún queda hueco para otros 12 ó 14 elementos en la primera pantalla, utilizando un monitor de 1366x768. Con un monitor de mayor resolución, lógicamente tendremos sitio para más aplicaciones a las cuales podremos llegar con un solo clic. Recordemos que Windows 8 necesita una resolución mínima de 1024x768 para las aplicaciones estilo Metro, y siempre que la pantalla cuente con un mínimo de 1366 pixeles, podremos utilizar la función de snapping para mostrar dos aplicaciones en la misma pantalla. Somos conscientes de que, como muchos nos habéis comentado, falta información de diagnóstico aparte de los requisitos del sistema publicados ya en la página de descarga, pero puedo asegurar de que trabajamos en ello para que este asunto quede mucho más claro.

Fig. 5: A una resolución de 1366x768, la pantalla de Inicio muestra 24 accesos directos personalizados en la primera página

Los usuarios quieren también tener la posibilidad de arrancar de forma instantánea aplicaciones, documentos y configuraciones sin tener que quitar los dedos del teclado. Nos interesa mantener esa capacidad de Windows 7, y mejorarla si cabe. Si solo tienes una aplicación que contenga en su nombre la palabra Excel, su arranque funciona exactamente igual que antes. Pulsa Inicio, empieza a escribir “Ex...” y espera a que se complete por sí misma. Al pulsar Intro, empieza a ejecutarse Excel. Cuatro pulsaciones. Pero dado el elevado número de aplicaciones que utiliza la gente ahora, la búsqueda es sin duda una forma más eficaz para acceder a ellas, tanto desde un teclado físico como en pantalla. Mediante la combinación de la nueva pantalla de Inicio con la Búsqueda podemos hacer mucho más detallada esta operación y llegar a las aplicaciones más fácilmente, utilizando teclado, ratón o pantalla táctil.

En comparación, en cuanto el usuario busca algo con muchos resultados, el menú de Inicio de Windows 7 no puede escalar los resultados. Por ejemplo, si estamos buscando una opción del Panel de Control con la palabra “input”, el menú de Inicio solo nos devuelve los tres primeros resultados en cada categoría. Para ver la lista completa de resultados necesitamos entrar en la categoría (por ejemplo el Panel de Control), esperar a que se abra el explorador y después encontrar ahí los resultados que queremos. Aunque las nuevas capacidades de búsqueda en el menú de Inicio de Windows Vista y Windows 7 mejoraban claramente el proceso de arranque de los programas más utilizados, cuando se trata de buscar otras cosas que no se utilizan tanto, el proceso se ve que es ineficiente y un tanto frustrante.

Fig. 6: El poco espacio disponible en el menú de Inicio evita que se puedan mostrar todos los resultados de una búsqueda, y nos obliga a abrir el Explorador

Con Windows 8 hemos querido reducir todo lo posible las pulsaciones de teclas para las búsquedas instantáneas y el arranque de aplicaciones/archivos/configuraciones/correos, etc. Puesto que los resultados de las búsquedas se muestran a pantalla completa, podemos ver como mínimo 48 resultados en la mayoría de pantallas, en vez de solo tres. Y si quieres ver más, simplemente te desplazas hacia abajo (en vez de arrancar el Explorador y volver a lanzar la búsqueda). Este cambio tan simple nos permite ya arrancar de manera eficiente cualquier aplicación o archivo en el PC con un mínimo de pulsaciones de tecla o ratón.

Hemos encontrado dos formas de mejorar la eficiencia en las búsquedas:

Poner más resultados en la pantalla
Hacer que sea más sencillo y rápido el reconocer los resultados correctos

El modelo de Windows 7 imponía a todos los resultados de la búsqueda una plantilla estándar de un icono y un texto. Al analizar distintos tipos de datos, vimos que la gente era capaz de reconocer de forma más rápida los resultados de las búsquedas si la vista se adaptaba mejor al tipo de datos. Las imágenes debían verse como miniaturas, los correos debían decir de quién eran, los vídeos debían incluir su duración y así sucesivamente. Así que diseñamos un modelo de búsqueda para la pantalla de Inicio donde cada aplicación muestra los datos en un formato optimizado, y con ello, en vez de ver solo tres resultados por categoría (todos en forma de texto), ahora podemos pulsar en Inicio, escribir una palabra de búsqueda, ver una página entera de resultados de aplicaciones o seguir mirando en la lista para ver lo que ha encontrado en forma de archivos, configuraciones, correos, páginas web, redes sociales o cualquier otra aplicación dentro del sistema. El API Search contract es una de las más interesantes de las APIs de Plataforma en WinRT que pueden utilizar los desarrolladores. Hace posible esta experiencia unificada de búsqueda a la vez que muestra los elementos únicos que proveen los datos de las aplicaciones encontrados. Es, sin duda, un resultado que satisface tanto al usuario como al desarrollador.

Fig. 7: La pantalla de Inicio ofrece mucho espacio para mostrar los resultados de las búsquedas

Fig. 8: La pantalla de Inicio dispone de más espacio para mostrar más resultados detallados al buscar archivos

Fig. 9: la búsqueda no se restringe al sistema: las aplicaciones pueden mostrar los resultados en un formato optimizado para cada tipo de contenido

La experiencia de Inicio en pantalla completa nos permite tener a mano todo lo que nos interesa (incluso si nos interesan más de 12) y organizarlas de la manera que mejor nos parezca, de modo que podamos ejecutar cualquier aplicación de forma directa y sin hacer scroll. Y cuando queramos buscar algo, podremos ver al instante todos los resultados de la búsqueda (y no solo unos pocos). En este diseño compensa lo que dejamos atrás optimizando aquello que nos va a ser más útil en el futuro, y que su uso sea más rápido y eficiente.

Teclado y ratón

Ya tenemos una buena muestra del modelo de interacción táctil con la pantalla de Inicio y sus afines en el estilo Metro que también tiene Windows Phone, por lo que muchos creen que nuestro diseño va sobre todo dirigido al uso con pantalla táctil en vez del teclado y ratón, o incluso que hemos metido en el PC la interfaz del teléfono: nada de eso.

Para los amigos del uso del ratón, la posición del botón de Inicio en la esquina inferior izquierda de Windows 8 hace que sea un punto de fácil acceso (incluso en aplicaciones a pantalla completa). En la pantalla de Inicio tenemos más elementos accesibles de forma directa con el ratón sin tener que navegar por las páginas o abrir menús desplegables. Para los amigos del uso del teclado, las aplicaciones frecuentes ancladas a la barra de tareas se pueden arrancar directamente con combinaciones de teclas como Windows+1, Windows+2, etc. Y para llegar a las aplicaciones que no se utilizan tanto, la búsqueda sigue el paradigma actual de pulsar la tecla Windows y escribir el término de búsqueda. Una lista más amplia de resultados mejora la velocidad (tanto a la hora de buscar como de navegar por los resultados).

Sin duda que hay cosas en las que tenemos que seguir trabajando y que aún no están terminadas en la Preliminar de Desarrollo. Por ejemplo sabemos que hay errores en la interacción a alta velocidad con la rueda del ratón y estamos trabajando para arreglarlo. También vamos a añadir la posibilidad de ampliar y reducir directamente la pantalla con la rueda del ratón y con el teclado, y estamos viendo de qué manera podemos hacer que el scroll sea más rápido y sencillo. También estamos revisando un error detectado en la Preliminar de Desarrollo que ocasiona un desplazamiento de página arriba y abajo lento e inconsistente, y que la reorganización de elementos sea más previsible tanto con interfaz táctil como cuando se utiliza teclado y ratón.

Una imagen que solemos utilizar cuando hablamos de cambios es esta. Representamos en el eje Y algún tipo de medida de la eficiencia, por ejemplo el tiempo invertido en completar una actividad, los segundos que tarda en hacerse cualquier cosa, etc. En el eje de las X tenemos el tiempo de calendario. Si alguien es experto en alguna materia y ocurre algún cambio, por definición se produce una caída en el valor de funcionalidad. Pero después de un periodo de ajuste, las métricas de éxito mejoran. El resultado neto es que, al cabo del tiempo, aumenta la eficiencia en el trabajo, incluso para la misma actividad. Y si se combina con tareas y capacidades nuevas, se obtiene un beneficio neto global.

Resumen

La pantalla de Inicio de Windows 8 no es un simple sustituto del menú de Inicio de Windows 7, sino un entorno que reúne distintas modalidades de navegación por la máquina. Incluso en Windows 7, la gente ya muy experta con Windows está ignorando el menú de Inicio en favor de la barra de tareas para sus aplicaciones de escritorio más utilizadas.

Para quienes utilizan sobre todo aplicaciones de escritorio, la pantalla de Inicio complementa la funcionalidad de la barra de tareas. Al utilizarlas en combinación tenemos acceso directo a las aplicaciones utilizadas con más frecuencia y una alternativa para iniciar aplicaciones que se utilizan menos (mediante búsquedas o agrupando elementos en la pantalla de Inicio). En el caso de las aplicaciones estilo Metro, las Lives Tiles transforman la pantalla de Inicio en un panel que nos permite estar informados y conectados con los datos más recientes a través de una experiencia de alta calidad que mejora de forma sustancial el concepto de área de notificación. Esta nueva experiencia es una forma mucho más eficiente de arrancar aplicaciones, estar en conexión con la información más relevante de las propias aplicaciones y encontrar lo que nos interesa. Nos permite además arrancar aplicaciones y movernos de unas a otras rápidamente y entre puntos concretos dentro de las propias aplicaciones sin perjudicar el rendimiento del sistema ni agotar las baterías del portátil o el Tablet PC.

Alice Steinglass

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/10/04/designing-the-start-screen.aspx

Saludos,

El equipo de MSDN España

La evolución del menú de Inicio

esmsdn — Tue, 14 Feb 2012 08:21:00 GMT

Este artículo trata del diseño de la pantalla de Inicio y la evolución de la actividad básica que supone, dentro del S.O., el arranque de los programas y el paso de unos a otros. Algunos llaman a la pantalla de Inicio de Windows 8 la “shell Metro”, pero para nosotros se trata de la evolución del menú de Inicio y sus funciones asociadas. Hemos atendido con mucho interés los comentarios que hemos recibido y hemos podido comprobar la amplia gama de reacciones que, como era de esperar, se producen ante los cambios en el núcleo de la interfaz. Lo que queremos con esta serie de artículos es establecer un diálogo que se haga eco de vuestros comentarios y por ello vamos a empezar contando la historia de todo esto y las decisiones que nos han llevado al diseño presente. Puesto que la versión Preliminar de Desarrollo se orienta principalmente al desarrollo de aplicaciones y la experiencia básica de usuario siguen estando en fase de desarrollo también, queremos asegurarnos de que nuestros análisis parten de principios bien asentados y que estamos avanzando en el diseño con pasos seguros, hacia nuestro objetivo de proporcionar un contexto más completo, que es donde queremos estar en el siguiente hito del proyecto.

Este artículo lo ha escrito Chaitanya Sareen, jefe de programa de nuestro equipo Core Experience Evolved. Seguramente recordaréis a Chaitanya, ya que también estuvo trabajando en la experiencia de Windows 7 y publicó en su día unos cuantos artículos en el blog “Engineering 7”.

–Steven

Quiero compartir con todos vosotros este artículo que trata sobre el cómo y por qué hemos rediseñado la pantalla de Inicio. En este hablaré de la historia y la evolución del menú de Inicio y algunos de los problemas y tendencias que hemos detectado a partir de las aportaciones de los usuarios. Creemos que siempre es importante saber de dónde venimos antes de empezar a hablar de a dónde nos dirigimos. Habrá artículos más adelante en los que nos meteremos a fondo viendo cómo hemos montado la pantalla de Inicio y también veremos a dónde nos lleva todo este análisis desde el punto en que nos encontramos.

Debemos reconocer que, para algunas personas, cualquier cambio en Windows les supone un problema y por eso queremos asegurarnos de que se mantiene un diálogo abierto y fluido acerca de todos estos cambios. Puesto que Windows forma ya parte indudable de la vida de mucha gente, prácticamente cualquier cambio puede provocar reacciones viscerales del tipo de “¿cómo puedo volver a como lo tenía antes?” o debates sobre si las cosas son más o menos eficientes.

El debate que se abre sobre el uso táctil tiene muchos puntos en común con el que aparecía en los 80 sobre si el ratón era un adorno, un factor de pérdida de productividad o una innovación real en la experiencia del usuario. Decimos esto sabiendo que en muchos comentarios se ha puesto el énfasis en la superioridad del ratón con respecto a la interfaz táctil. A diferencia de cuando se empezaba a utilizar el ratón –antes de que aparecieran los programas de diseño gráfico para equipos de escritorio había muy pocos ejemplos de uso del ratón aparte de los primeros programas de dibujo- actualmente estamos rodeados de pantallas táctiles, en el aeropuerto, en los cajeros automáticos, en las taquillas del cine, todas las cajas registradores y, como no, nuestros teléfonos. La interfaz exclusivamente táctil aún no se ha convertido en la más extendida, pero puede que sea la que más capacidades ofrece de todos los dispositivos que podemos emplear. Igual que ocurría en los primeros tiempos del ratón, innovaciones como esta obligan a diseñar nuevos sistemas operativos, aplicaciones y hardware que puedan darles soporte. Creemos que, como sucedió con el ratón, veremos cómo con el tiempo la interfaz táctil se hará cada vez más universal, pero no reemplazando, en muchos aspectos de la experiencia con el PC. Poder lograr esto empieza con la versión Preliminar de Desarrollo de Windows 8. Así que vamos a empezar ya con este diálogo sobre cómo van a evolucionar las cosas, no solo en la experiencia básica del usuario de Windows, sino también en el hardware y en las aplicaciones.

Con respecto a la experiencia del usuario, particularmente la pantalla de Inicio, empezamos a ver ciertos temas recurrentes en vuestros comentarios: ¿podremos cerrar las aplicaciones estilo Metro sin tener que ir al Administrador de Tareas? (sí, sin duda, pero también queremos aclarar por qué creemos que probablemente no vais a necesitarlo). ¿Vais a hacer algo para que el ratón sea más eficiente a la hora de movernos por los programas en la pantalla de Inicio? (Sí, vamos a mejorar esa experiencia y vamos a ver mucho más en la beta). Algunos nos habéis comentado que da la sensación de ser menos eficiente a la hora de ir pasando por los programas utilizados recientemente si se compara con la barra de tareas (y ya hablaremos de esto en futuros artículos). También hemos leído otros comentarios y la cuestión aquí es que podéis estar seguros de que nos tomamos muy en serio todas vuestras preguntas. Lo primero que tendríamos que hacer es utilizar todo el mundo una terminología común para que sea más fácil poder debatir sobre ellas. Por ejemplo, el estilo Metro es un lenguaje de diseño que podemos aplicar a cualquier elemento de Windows, y la pantalla de Inicio es la evolución del menú de Inicio (igual que la barra de tareas, las notificaciones y los gadgets), y no es, por tanto, una “shell Metro”. Otro ejemplo es que nosotros no vemos a “Metro” como un modo de Windows, sino como una forma de describir los atributos de las aplicaciones escritas para WinRT (como se puso de manifiesto en las sesiones de //build, concretamente rasgos de las aplicaciones estilo Metro o principios del estilo Metro). Todavía tenemos mucho camino que recorrer. Sabemos que, con nuestro esfuerzo inicialmente orientado en la plataforma y las herramientas, probablemente no hemos ofrecido aún suficientes explicaciones sobre los cambios realizados en la experiencia de usuario en este blog.

El menú Inicio es una de las partes más visibles de Windows y ningún cambio que queramos hacer en él se puede tomar a la ligera. El paisaje que rodea a Windows ha cambiado enormemente desde que se incorporó por primera vez el menú de Inicio, y hemos querido garantizar que seguimos ofreciendo una experiencia que, además de ser relevante para el usuario, está en línea con la dinámica actual del mundo informático. La evolución del menú Inicio está vinculada de forma inseparable con el desarrollo de otros conceptos relacionados, pero distintos, como son el arranque de las aplicaciones, el paso de una aplicación a otra, las notificaciones del sistema y los gadgets. La historia que hay detrás de todos estos elementos y los caminos diversos que cada uno de ellos ha seguido son para nosotros una oportunidad para hacer un trabajo mucho más completo, orientado a conseguir un modelo de trabajo más limpio, más potente y uniforme a lo largo de la amplísima variedad de aplicaciones y PCs que utilizamos actualmente. La nueva pantalla de Inicio es la plasmación de este esfuerzo.

Por eso, antes de entrar en materia con Windows 8, vamos a repasar un poco la historia y ver todo lo que hemos aprendido del menú de Inicio.

Breve historia del menú de Inicio

El diseño del menú de Inicio comienza en 1992 para su aparición de Windows 95. El menú nació en un mundo donde los PCs en formato torre y los monitores CRT de 15 pulgadas dominaban los cubiculos. La Web aún era un experimento y la gente tenía que pasar por las tiendas para comprar el software. Eran otros tiempos. El objetivo principal de este menú no era otro que ofrecer un lugar evidente para que el usuario empezase con sus actividades con el ordenador. Sustituía al venerable Program Manager, aquel concepto de Windows 3.x que ponía accesos directos en una ventana flotante que daba la casualidad que se metía siempre entre el escritorio y las otras aplicaciones. Anclado en la barra de tareas, el menú de Inicio era un portal consistente y consolidado para las aplicaciones y funciones del sistema. Era sobre todo la forma más rápida para arrancar programas sin tener que andar buscando un ejecutable por todo el sistema.

Figura 1: menú de Inicio de Windows 95

Al ver el menú de Inicio de Windows 95 en seguida saltan a la vista las áreas de mejora que las versiones siguientes de Windows fueron resolviendo con cambios acumulativos. Por ejemplo, se nos criticaba que al poner la lista de programas por orden alfabético debajo de un panel flotante, la navegación era más lenta. Windows XP lo resolvía con la introducción de la sección de Usados Frecuentemente o MFU (“Most Frequently Used”) que iba mostrando los programas que se utilizan con más frecuencia. Este cambio, por su parte, introdujo otros problemas nuevos, ya que no había manera de personalizarlo, y algunas personas se devanaban los sesos intentando comprender cómo se generaba la lista de MFU (una heurística compleja que toma como base las aplicaciones más utilizadas en un periodo de tiempo). Para resolver este problema de personalización, Windows XP (y más tarde Windows Vista y Windows 7) incluyeron una sección en donde se podían anclar las aplicaciones más importantes para el usuario, de manera que siempre estuvieran a mano. No obstante, esta funcionalidad seguía teniendo sus limitaciones. Podíamos poner las aplicaciones en la sección de anclado y reordenarlas, pero no podíamos agruparlas ni organizarlas si la lista iba más allá de unos cuantos iconos.

También había problemas a la hora de moverse por Todos los Programas en Windows XP. No era raro que el ratón se saliera del menú y teníamos que volver a empezar desde el principio (esto era especialmente molesto para los usuarios de portátiles que utilizaban trackpads o para la gente con ciertas dificultades de movilidad en la mano). También era complicado meter todo en esta interfaz de usuario en monitores de baja resolución. Windows Vista resolvía este problema con la introducción de un menú único y un control arborescente que no necesitaba tantas acrobacias con el ratón. No obstante, Todos los Programas seguía teniendo sus problemas, puesto que el menú necesitaba una barra de scroll (figura 2). El menú de Inicio ya empezaba a dar síntomas de agotamiento.

Figura 2: Todos los Programas en el menú de Inicio de Windows 7

Otra evolución radical del menú de Inicio fue la incorporación de la búsqueda instantánea. En Windows Vista y Windows 7 hace que sea realmente sencillo abrir el menú y escribir qué es lo que buscas. Sabemos que mucha gente disfruta gracias a este método tan potente, porque reduce el tiempo que se necesita para arrancar las aplicaciones. La incorporación de comandos avanzados también evitaba tener que utilizar mucho el diálogo “Ejecutar”. Pero sin duda, sabíamos que seguíamos teniendo que mejorar en unas cuantas cosas. Los resultados de las búsquedas algunas veces eran excesivamente prolijos y mostraban cantidad de datos de distintos tipos (correos, archivos, configuraciones del Panel de Control, etc.) y no siempre funcionaba bien en una columna “todoterreno”. Algunos nos habéis preguntado si la pantalla de Inicio de Windows 8 va a tener también la opción de búsqueda. La respuesta es que sí, en la pantalla de Inicio, simplemente al escribir ya empezamos a ver resultados que luego se pueden filtrar por aplicaciones, archivos y configuraciones. E igual que en Windows 7, toda la potencia de la búsqueda también la tenemos en el Explorador de Windows.

Teniendo presentes todos los problemas y situaciones que nos habéis ido comentando, hemos seguido depurando la experiencia del menú de Inicio en estos años. No obstante, hemos visto que incluso en el menú de Inicio de Windows 7 se siguen planteando problemas de usabilidad:

El menú aparece “capado” con respecto a toda la superficie disponible en la pantalla cuando queremos ver y navegar por todo el catálogo de programas instalados en el equipo.
La búsqueda no dispone del espacio que merece para mostrar de forma rápida los resultados solicitados a través de todas las fuentes de información, sobre todo en pantallas grandes.
Resulta difícil personalizar el menú para adaptarlo a nuestros propios gustos y necesidades.
Los iconos y accesos directos son estáticos y no aprovechan el aumento del número de píxeles que nos ofrecen las interfaces gráficas actuales, sobre todo en escenarios de conexión.

Sin duda, esta lista no son todos los aspectos que estamos mejorando. También pretendemos unificar el menú de Inicio con el resto del sistema y habilitar escenarios nuevos. Una parte muy importante del diseño, en ocasiones, consiste en dar un paso atrás sobre todo para reflexionar acerca de algún aspecto y cuestionarlo de arriba abajo y así conseguir algo más que mejoras incrementales en un producto. Esto es cierto, sin duda, para el menú de Inicio, que nació en un tiempo muy distinto al actual, cuando los PCs no se utilizaban como lo hacemos hoy día.

Conviene no perder de vista todo el panorama dentro del cual se inserta el problema. El menú de Inicio se utiliza casi exclusivamente para inicializar elementos (excepto en el caso de la funcionalidad de búsqueda). La experiencia completa de programa en Windows 7 incluye también el cambio entre aplicaciones y su anclado a la barra de tareas, las alertas en el área de notificación y los gadgets en el escritorio. Continuando con nuestro plan, vamos a hablar ahora de cómo Windows 8 es capaz de ofrecer todo esto de una manera armoniosa.

¿Cómo se utiliza el menú de Inicio?

Ahora que hemos revisado la historia del menú de Inicio, vamos a ver cómo lo utiliza realmente la gente. Pensábamos que sería interesante ver cómo el uso del menú ha ido cambiando con el tiempo. La figura 3 revela el cambio en el patrón de uso del menú de Inicio entre las dos últimas versiones de Windows.

Figura 3: Cambio en el modo de uso del menú de Inicio entre Windows Vista y Windows 7

Es asombroso comprobar hasta qué punto difiere el uso del menú de Inicio entre Windows Vista y Windows 7. El uso de algunas Carpetas Especiales (los elementos que quedan en la parte derecha del menú) ha caído más del 50%. Igualmente, la gente que accede desde elementos anclados en el menú de Inicio ha aumentado en más de la mitad en Windows 7 comparado con Windows Vista. La gente accede también mucho menos a Todos los Programas y los Recientes (MFU). Finalmente, vemos un descenso del 11% en la frecuencia con que se abre el menú de Inicio para cualquier uso. Aunque un11% puede parecer un valor pequeño a primera vista, si pensamos en cientos de millones de clientes resulta verdaderamente sorprendente esta caída en un elemento reconocible de manera universal dentro de la interfaz de Windows. No estamos hablando de ningún parámetro oculto que tenga utilidad para una minoría, sino de una pieza fundamental de Windows que la gente parece que utiliza cada vez menos.

Entonces¿Por qué este cambio en el uso del menú de Inicio? Una pista: tiene que ver con la barra que aparece en la parte inferior de la pantalla, que se introdujo con Windows 7.

La “Barra de Inicio”

La evolución de la barra de tareas de Windows ha afectado directamente al menú de Inicio. Lo que anteriormente quedaba bloqueado detrás de un menú de repente se ponía mucho más a la vista. Los avances más obvios fueron la introducción del inicio rápido de Internet Explorar 4.0 en la actualización del escritorio de Windows en 1997 y el más reciente de anclado en la barra de tareas de Windows 7.

Una anécdota interesante: ¿sabías que el Inicio Rápido inicialmente se deshabilitó por defecto en Windows XP porque algunas personas creían que la lista de Recientes(MFU) y el anclado en el menú de Inicio serían suficientes? Encontramos un montón de evidencias contrarias a esto y decidimos revertir esa decisión (aunque en aquel momento los datos en que nos basábamos para tomar este tipo de decisiones eran limitados, así que realmente no sabíamos lo que hacía una gran parte de los clientes). Lo que sacamos en conclusión de todo aquello era la importancia de que pudierais poder determinar qué aplicaciones son más importantes para vosotros y poder tenerlas todas en un sitio común y accesible, en lugar de suponer qué es lo importante aplicando complicadas heurísticas por software o disponiendo los elementos importantes mezclados con los no tan importantes.

Para tener una idea completa del panorama, veamos dónde ancla la gente sus aplicaciones. En la figura 4 se demuestra que el 85% de los usuarios tienen tres o más elementos anclados a la barra de tareas mientras que solo un 23% tiene el mismo número anclados al menú de Inicio. Aunque la barra de tareas y el Menú de Inicio tienen distintos valores por defecto para el anclado, mucha gente personaliza los dos cuando quiere. El mensaje es evidente: la mayoría de los usuarios prefiere que sus aplicaciones estén en la barra de tareas en lugar de buscarlas en el menú de Inicio.

Figura 4: Número de aplicaciones ancladas en el menú de Inicio (arriba) y en la barra de tareas (abajo)

Sabemos también que hay entusiastas que utilizan la barra de tareas de Windows 7 mucho más que el menú de Inicio. Ciertas combinaciones de teclas, como Windows+<n> (donde n corresponde al número de orden del icono anclado en la barra de tareas) hacen que, para ciertos expertos del teclado sea aún más rápido el arranque de las aplicaciones y cambiar de unas a otras desde la barra de tareas (y estas combinaciones van a seguir funcionando en Windows 8). Cuando nos reunimos con los profesionales de TI no es extraño ver que tienen una barra de tareas llena de iconos de los desktops corporativos. Incluso vemos elementos como el Panel de Control anclado a la barra de tareas para no tener que entrar por el menú de Inicio. El anclado cada vez es más popular porque además ahora podemos anclar sitios web a la barra de tareas con IE9. Por suerte, hay bastante sitio en la barra de tareas (pensemos que en una pantalla de 1024x768 la barra puede contener hasta 22 iconos pequeños). Si se añade la potencia de las Jump Lists, en teoría, ¡podríamos tener acceso a 220 archivos, carpetas o sitios con esa resolución de pantalla! Esto significa que para todos aquellos que quieran utilizar sólo aplicaciones de escritorio, la barra de tareas les proporciona sitio suficiente para acceder con rapidez a todo cuanto necesitan cada día sin tener que pasar por el menú de Inicio.

Y hablando de las Jump Lists, hemos visto que anclando el Explorer por defecto en la barra de tareas y llenando su Jump List con carpetas habituales, conseguimos que sea aún más fácil el acceso a carpetas del sistema como Documentos (y por eso no sorprende que el uso de la carpeta Documentos en el menú de Inicio haya descendido, como se veía en la tabla anterior).

En resumen, la barra de tareas ha evolucionado para reemplazar muchos aspectos del menú de Inicio. Podemos decir incluso que la barra de tareas pone de relieve muchos puntos débiles del menú de Inicio y que éste ya no tiene el mismo valor que tuvo hace un tiempo. La búsqueda y el acceso a Todos los Programas siguen siendo puntos fuertes exclusivos del menú de Inicio que sabemos que son importantes para todos, pero cuando hablamos de las aplicaciones que utilizamos todos los días, el argumento del acceso con un solo clic desde la barra de tareas resulta difícil de rebatir. Sois vosotros y muchos miles de usuarios los que nos habéis dado muchos opiniones durante años, y los que nos habéis orientado para hacer que la barra de tareas sea el principal y más potente punto de inicio y alternancia de aplicaciones del escritorio. En realidad, algunas veces cuando hablamos de la barra de tareas de Windows 7 se nos escapa el término “barra de Inicio” puesto que para nosotros está claro que la mayoría de la gente empieza a trabajar desde la barra y no desde el menú.

Una nueva oportunidad para el Inicio

Ahora que la barra de tareas de Windows se convierte en el principal elemento de arranque y cambio de aplicaciones en el escritorio, y que el menú de Inicio cada vez tiene menos importancia como iniciador habitual, nos surge una nueva oportunidad para rediseñar todo el entorno de Inicio y convertirlo en un elemento aún más valioso. Ya que sabemos que la mayoría de vosotros podéis (y de hecho lo hacéis) utilizar solo la barra de tareas para acceder a las cosas que utilizáis con más frecuencia en el equipo, nosotros nos sentimos libres para potenciar aún más los puntos fuertes exclusivos del menú de Inicio y habilitar nuevos escenarios. Una búsqueda más potente, más sitio para todos los programas, live tiles con actividad y una amplia capacidad de personalización: todo de repente es posible cuando el venerable, pero antiguo, menú de Inicio se transforma en una moderna pantalla de Inicio. No os perdáis los siguientes artículos de esta serie porque vamos a hablar de la pantalla de Inicio y cómo representa la manera en que utilizamos nuestros PCs hoy.

Chaitanya Sareen

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/10/03/evolving-the-start-menu.aspx

Saludos,

El equipo de MSDN

Extender las aplicaciones para "Windows 8" a la nube con SkyDrive

esmsdn — Mon, 13 Feb 2012 08:52:00 GMT

Continuando con el tema abierto hace poco en un artículo que publicamos que trataba del inicio de sesión en Windows 8 con el ID de Windows Live, ahora quisiéramos hablar un poco sobre el uso de SkyDrive desde las aplicaciones estilo Metro de Windows 8. Aunque las aplicaciones siempre consumen una cierta cantidad de “almacenamiento automático” dentro de SkyDrive para poder mantener las configuraciones entre distintas máquinas y teniendo presente que las propias aplicaciones también viajan con el usuario, nosotros sabemos que los desarrolladores están ansiosos por facilitar a los clientes nueva aplicaciones cuyos datos pueden, de una forma sencilla, seguir utilizándose entre máquinas distintas. SkyDrive es una manera ideal de conseguir esto ya que cada ID de Windows Live tiene asignado un espacio de disco gratuito en la nube. En este artículo comentamos cómo se pueden desarrollar aplicaciones estilo metro que utilicen el almacenamiento SkyDrive. Es nuestro primer artículo con código –seguramente habrá más en el futuro. Mike Torres, el jefe de grupo de desarrollo del equipo de SkyDrive Devices and Roaming, es el autor del artículo. –Steven.

A pesar de que lo habitual es que cada persona disponga de varios dispositivos, mucha gente sigue guardando sus archivos importantes en un solo PC o dispositivo de almacenamiento sin tener acceso a esos archivos desde otros dispositivos. Estos archivos se vinculan a un “lugar” –sea éste un PC de escritorio, un portátil, o un pendrive USB. Si no tenemos acceso a este lugar, no tenemos acceso a esos documentos o fotos. No solo es difícil el acceso a los archivos (o a veces es imposible), sino que compartirlos con otras personas en una red distinta puede convertirse en una labor realmente complicada.

Ahora, la nube hace posible (y fácil) a la gente acceder a estos contenidos desde casi cualquier sitio. Los archivos se mantienen en un almacén único y están accesibles para cualquier dispositivo capaz de conectarse a Internet desde cualquier lugar del mundo. Compartir fotos y colaborar en tiempo real con documentos ahora es también mucho más sencillo manteniendo una única copia del archivo en la nube. No obstante, el uso del almacenamiento en la nube aún no está tan extendido entre el público como medio para acceder a contenidos.

En la ponencia de apertura de la conferencia BUILD, Chris Jones nos contaba cómo todos los clientes de Windows 8 van a disponer de SkyDrive: una misma nube para todos, donde los archivos importantes de la gente estarán disponibles, accesibles en todo momento y se podrán compartir. Hubo también algunas sesiones durante la conferencia donde se explicaba cómo los desarrolladores pueden, con Windows 8, añadir a sus aplicaciones la potencia de la nube mediante Live Connect y el Live SDK. Cuando se usan juntos, las aplicaciones estilo Metro pueden utilizar la nube de Live para mantener logon único con el ID de Windows Live y acceder a sus datos personales, como documentos, fotos y vídeos en SkyDrive con el permiso del usuario.

Si tienes intención de desarrollar aplicaciones estilo Metro para Windows 8, en este artículo te enseño cómo se establece un logon único y cómo se accede a los datos del usuario en SkyDrive para conseguir que las aplicaciones estilo Metro sean más personales, obviamente con el consentimiento del usuario.

Conecta tus aplicaciones con la nube de Live

Como desarrollador, cuando empiezas a crear aplicaciones de nueva generación, lo que ves es que tienes que resolver dos tipos de problemas de manera insistente en cualquier plataforma:

Diseñar el proceso de registro y validación de usuario. A los usuarios no les gusta tener que registrarse en sus sitios web y sus aplicaciones, por lo que los desarrolladores saben que el nivel de participación y la fidelización a sus aplicaciones aumenta una vez que el usuario se ha registrado. El registro permite personalizar la experiencia del usuario y conviene que las aplicaciones recuerden los datos de los usuarios y los parámetros de personalización de cada uno de ellos.
Incorporar de manera fácil el contenido del usuario dentro de la propia aplicación para mejorar la calidad de su experiencia. Cosas que aparentemente son sencillas, como pedirle al usuario que inserte una foto para documentar su perfil, pueden en seguida convertirse en problemas complicados cuando vemos que los usuarios tienen sus fotos dispersas por toda clase de dispositivos y también en la nube.

En el caso de Windows 8, hemos resuelto ambos problemas para nuestras propias aplicaciones, como Fotos y Correo, y tus aplicaciones estilo Metro pueden utilizar esta misma plataforma y tecnología. Más concretamente, nosotros hemos resuelto estos problemas así:

La identidad del usuario basada en la nube es ahora una primitiva de S.O. accesible de forma universal a aplicaciones y sitios web con permiso del usuario para validarse en modo de logon único. Esto supone que tus aplicaciones pueden heredar el estado de inicio de sesión de un usuario y su identidad, y no te tienes que preocupar de integrar un proceso de autenticación aparte. Esto es especialmente importante para resolver el punto 2.
Hemos hecho que el contenido del usuario en la nube de Live quede a disposición de las aplicaciones utilizando protocolos estándar del sector, como OAuth para la autenticación y autorización, JSON como encapsulado para los datos devuelto cuando se accede a SkyDrive y Hotmail, y XMPP para la interoperabilidad con Windows Live Messenger. Además ofrecemos el Live SDK para la Preliminar de Desarrollo de Windows 8 con la que se puede desarrollar fácilmente enWinRT, con la integración dentro de Visual Studio 11 Express.

Después de que un usuario se conecta por vez primera a tu aplicación utilizando su ID de Windows Live, tendrá siempre una experiencia de inicio de sesión transparente desde cualquier PC con Windows 8 en el que haya iniciado sesión utilizando este ID de Windows Live. Lo mismo cuenta para tu sitio web, donde puede disfrutar de una experiencia de logon único si ha abierto sesión en él desde su PC con un ID de Windows Live o ha iniciado sesión en cualquier otro sitio web que soporte el ID de Windows Live, como Hotmail o SkyDrive.

La forma más sencilla de utilizar el logon único con el ID de Windows Live e integrar el contenido de SkyDrive dentro de las aplicaciones estilo Metro es mediante el uso del Live SDK.

Esto no quiere decir que tu aplicación tenga que utilizar obligatoriamente ninguno de estos servicios, su uso es totalmente opcional para el desarrollador. No hay obligación de que las aplicaciones para Windows 8 deban validar identidades con el ID de Windows Live o utilizar ningún tipo de almacenamiento concreto basado en la nube. Se trata simplemente de servicios que están a disposición de las aplicaciones de los desarrolladores que pueden utilizarlos si ellos quieren.

Uso del Live SDK en tus aplicaciones

Primero, si aún no lo has hecho, tienes que instalarte la versión Preliminar de Desarrollo de Windows 8 y la Preliminar de Desarrollo del Live SDK en tu PC. Este paquete instala también el Microsoft Visual Studio 11 Express para la Preliminar de Desarrollo de Windows. En segundo lugar, tendrás que entrar en el sitio de gestión de aplicaciones Windows Push Notifications y Live Connect para configurar el acceso desde tus aplicaciones estilo Metro a la nube de Live. Sigue los pasos indicados en ese sitio web para registrar tu aplicación para que pueda utilizar Live Connect.

Después de configurar tu aplicación para que utilice Live Connect, vas a necesitar añadirle una referencia al Live SDK. El Live SDK está disponible para entornos de desarrollo en C#, JavaScript y VB. Puedes añadirlo a tu proyecto pulsando con el botón derecho en Project y seleccionando Add Reference, seleccionas luego Extension SDKs y desde la lista, seleccionas la entrada para el Live SDK como se ve aquí:

En una aplicación JavaScript necesitarás añadir la referencia siguiente a un script externo en tu página Default.html:

<script src="ms-wwa:///LiveSDKHTML.5.0/js/wl.js" ></script>

En C# debes añadir la referencia siguiente para poder utilizar el Live SDK en tu código:

using Microsoft.Live;

Y en VB, solo necesitas añadirle la siguiente instrucción de importación:

Imports Microsoft.Live

Es un buen ejemplo de cómo vas a poder programar en el lenguaje que prefieras a la hora de crear tus aplicaciones estilo Metro para Windows 8.

Utilizar el ID de Windows Live en tus aplicaciones estilo Metro

Para poder aprovechar las ventajas del logon único (SSO) en tus aplicaciones, necesitas incorporar un botón de inicio de sesión en algún sitio de las mismas. Cuando el usuario pulse el botón de inicio de sesión, éste se producirá de manera automática si antes había iniciado sesión en el PC con su ID de Windows Live. En caso contrario, se le pedirán sus credenciales. Después, se pide al usuario que de su consentimiento expreso para que la aplicación acceda a sus datos como las fotos de SkyDrive. Este workflow se maneja de manera automática, simplemente añadiendo el botón de inicio de sesión. A destacar que los clientes aún tienen que confirmar el logon en tu aplicación y no abren sesión de forma automática -es un aspecto de diseño muy importante.

Este es un ejemplo de código HTML con el botón de inicio de sesión (como ves, es un simple DIV y lo tienes que configurar).

<div id="signinbutton" style='width: 251px; margin-left: auto; margin-top: 40%; height: 64px; top: 0px;'></div>

Después de añadir este botón a la página, ahora tenemos que acondicionarlo dentro de la página, puesto que el código de ejemplo lo único que hace es reservar un espacio para él. Tenemos además que configurar este botón de inicio de sesión con el ámbito que requiere tu aplicación. Un ámbito (“scope”) define a qué cosas tendrá acceso la aplicación y para qué cosas va a tener que dar su permiso el usuario para que las aplicaciones puedan utilizarlas. Para acceder a datos en SkyDrive, la aplicación necesita tener estos dos ámbitos:

wl.signin – Este ámbito habilita la aplicación para el inicio de sesión automático.
wl.skydrive – Este ámbito otorga acceso en modo de lectura a los álbumes y fotos del usuario en SkyDrive (nota: la aplicación tendrá que utilizar wl.skydrive_update si tienes previsto que pueda subir contenidos a SkyDrive).

El siguiente es un ejemplo de código de inicialización en JavaScript, suponiendo que ya hemos creado el botón de inicio de sesión en la página con el id “signinbutton”:

function init() {
    WL.init();
    WL.ui({
        name: "signin",
        element: "signinbutton",
        scope: ["wl.signin", "wl.skydrive"],
    });
}

Y este ejemplo de código JavaScript es para controlar el inicio de sesión:

WL.Event.subscribe("auth.login", onLoginComplete);
function onLoginComplete() {
    var session = WL.getSession();
    if (!session.error) {
        signedInUser();
    }
}

Cuando el usuario pulsa en el botón de inicio de sesión, se le pide que acepte dar permiso a las aplicaciones para que accedan a sus datos. Como indicábamos antes, si el usuario ha iniciado sesión en el PC con su ID de Windows Live, entra en funcionamiento el logon único y el usuario no tiene que iniciar sesión otra vez. En lugar de ello, va directamente a la pantalla de consentimiento.

Acceso a contenidos de SkyDrive desde las aplicaciones

Una vez que el usuario ha dado su permiso para que la aplicación acceda a sus datos, el sistema devuelve tokens de acceso OAuth 2.0 a la aplicación y se puede utilizar para realizar llamadas al API RESTful contra la nube de Windows Live. Este es un ejemplo en JavaScript del código para acceder a una foto:

function downloadPicture(folderId) {
    var path = folderId + "/files"
    // Submit request
    WL.api({ path: path, method: "GET" }, onEnumerateFolderComplete)
};

Con una serie de llamadas como las descritas, una aplicación puede integrar contenidos de SkyDrive dentro de su experiencia de usuario: presentaciones de PowerPoint, vídeos, hojas Excel o imágenes, como vemos con esta pequeña aplicación de ejemplo.

Como ves, la integración de logon único y datos de usuario de SkyDrive en tus aplicaciones solo requiere añadir unas cuantas líneas de código con el Live SDK. Tus aplicaciones serán más personales y aprovecharán todas las posibilidades que ofrece el acceso a documentos y fotos en la nube. El código fuente completo para la aplicación de ejemplo mostrada en este artículo se puede descargar desde aquí.

Si necesitas más información sobre cómo se utiliza el Live SDK para disponer de logon único en tus aplicaciones y utilizar las APIs de SkyDrive, puedes ver la sesión de Dare Obasanjo llamada, Power your app with Live services y la de Steve Gordon titulada The complete developer’s guide to the SkyDrive API expuestas en la conferencia BUILD. Puedes también leer más en la web http://dev.live.com y descargando la Preliminar de Desarrollo de Live SDK. ¡Que lo disfrutes!

Mike Torres

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/09/28/extending-quot-windows-8-quot-apps-to-the-cloud-with-skydrive.aspx

Saludos,

El equipo de MSDN España

Colabora en la traducción de Windows 8

esmsdn — Fri, 10 Feb 2012 12:52:00 GMT

¿Tienes alguna sugerencia de cómo se debería traducir ciertos términos referentes a Windows 8? Únete a la comunidad y ayuda a definir el glosario en Español.

Envía tu feedback y sugerencias para el Portal del Desarrollador y la Store de Windows 8.

Tu aportación es importante, especialmente en algunos términos complicados como “flyout”, “raw input thread”, “touch injection”, “multi-touch emulation”, “manipulation chaining”...

Solo necesitas unos sencillos pasos para empezar:

Haz clic aquí y regístrate con tu Windows Live ID
Dirígete al Glosario por medio del enlace. Desde ahí podrás ver el listado de los términos en inglés y nuestras sugerencias preliminares en las que necesitamos tu ayuda.
Elige un termino y decide si la sugerencia de traducción proporcionada por la comunidad te parece correcta seleccionando Sugerir traducción o Votar.

El Microsoft Community Forum para los desarrolladores de Windows 8 permanecerá disponible para tus comentarios desde el 9 de febrero hasta el 22 de febrero. Tienes tiempo para volver a entrar y votar por las últimas sugerencias incluidas antes de que acabe el plazo. También puedes ver la actividad de los integrantes de la comunidad haciendo clic en Acerca de este foro.

Esperamos tu participación en esta experiencia valiosa y nos ayudes a la internacionalización de las versiones para un Windows 8 entendible y claro en Español.

¡Gracias por vuestro tiempo y colaboración!

José Perona – @JVPerona - Developer Evangelist Jr.

Inicio de sesión en Windows 8 con un ID de Windows Live

esmsdn — Fri, 10 Feb 2012 08:33:00 GMT

Con Windows 8 hemos incorporado la posibilidad –opcional- de abrir sesión en el PC con un ID de Windows Live y al hacerlo, tener la posibilidad de conservar una gran cantidad de datos de configuración entre los distintos PCs que pueda utilizar el mismo usuario. En este artículo de Katie Frigon, Jefe de Programa del grupo You-Centered Experience, nos describe en qué consiste esta funcionalidad y sus ventajas. --Steven

Cada usuaro de Windows quiere tener la opción de configurar y utilizar el PC de un modo que sea único para él. Pero conseguir esto puede plantear problemas en un mundo como el actual, donde cada PC puede utilizarlo más de un usuario y donde muchos usuarios disponen de más de un equipo. Sabemos que el uso compartido de PCs es habitual y os hemos oído a muchos de vosotros que cambiar entre distintas cuentas puede resultar problemático. Estas dificultades ligadas al manejo de varias cuentas suele conducir a que varias personas utilicen una misma cuenta en el PC y con ello la experiencia de cada usuario se vuelve menos personal (y también menos privada). También sabemos que muchos usuarios utilizan varios equipos, una tendencia cada vez más frecuente, y configurar todos y cada uno de los PCs a los que tienen acceso resulta incómodo y lleva su tiempo. En Windows 8 nos hemos planteado una solución que garantiza que cada usuario de PC dispone de una experiencia personal que salva de manera transparente las diferencias entre tareas online y sin conexión, que facilita su configuración y uso y que, además, conserva la configuración en todos los equipos con Windows 8 que utiliza. Para ello hemos incorporado la posibilidad (como opción) de iniciar sesión con un ID de Windows Live que funciona a través de dispositivos, aplicaciones y servicios, consiguiendo así una experiencia personal exclusiva con Windows.

El uso de PCs compartidos: se hace en un 72% de los equipos de sobremesa y el 49% de los portátiles

Cómo se utilizan las cuentas en ordenadores compartidos
PCs por persona en Estados Unidos

Ventajas de iniciar sesión en Windows 8 con un ID de Windows Live

El inicio de sesión con un ID permite:

Asociar los parámetros de configuración más comunes de Windows con la cuenta del usuario. Los valores guardados están disponibles cuando se inicia sesión en cualquier PC con Windows 8. El PC siempre queda configurado como el usuario desea
Las aplicaciones estilo Metro se pueden reinstalar y reutilizar fácilmente en distintos PCs con Windows 8. Las configuraciones de las aplicaciones y el estado desde la última sesión se conservan en todos ellos.
Permite guardar las credenciales de inicio de sesión en distintas aplicaciones y sitios web y volver a ellas sin tener que volver a introducir esas credenciales cada vez, incluso desde distintos equipos.
Permite el inicio de sesión automático en las aplicaciones y servicios que emplean el ID de Windows Live para autenticar a los usuarios.

Cuando compres un PC con Windows 8 y configures tu cuenta de usuario por primera vez, podrás optar por crear una cuenta asociada a un ID de Windows Live. Puedes utilizar un ID ya existente o crearte uno nuevo. Si prefieres crear uno nuevo, puedes emplear cualquier dirección de correo que quieras con este ID y después asociar una contraseña. Así, podrías utilizar ejemplo@live.com o también alguien@ejemplo.com. Para identificarte solo necesitas una dirección de correo que quieres asociar con el servicio de ID de Windows Live y añadirle una contraseña. Por supuesto, puedes seguir usando las cuentas locales de Windows como siempre y, obviamente, las cuentas pertenecientes a dominios seguirán funcionando igual que hasta ahora.

Por tanto, aunque mucha gente supone que van a necesitar registrarse y crear una cuenta de correo nueva para tener un ID de Windows Live, en realidad no es necesario. De hecho, en muchos servicios online se emplean cadenas de texto del tipo alguien@ejemplo.com como nombre de usuario, a pesar de que tal cadena tiene el mismo aspecto que una dirección de correo electrónico (lo que no implica que sean realmente cuentas de correo activas). Por ejemplo, cuando compramos libros en librerías online, el nombre de usuario puede parecer una dirección de correo pero la tienda de libros no está utilizándolo como tal. La dirección alguien@ejemplo.com es, sencillamente, una forma muy cómoda de identificar a una persona puesto que la inmensa mayoría de los usuarios de Internet tienen ya cuentas de correo. Eso hace posible que la cuenta de correo y la contraseña puedan pertenecer a cualquier proveedor de correo y nosotros podemos utilizarlo como credenciales para gestionar las configuraciones y estados de los PCs con Windows 8 incluso en el caso de no tener cuenta de Hotmail ni de ningún otro servicio de Microsoft que utilice este ID.

Como todos nosotros, tú probablemente dedicas bastante tiempo a personalizar la experiencia de Windows para que refleje tu propio estilo, tu vida y la forma en cómo utilizas el PC. Todos sabemos hasta qué punto resulta frustrante el perder todo este trabajo cuando compramos un PC nuevo o utilizamos otro diferente (o simplemente cuando toca formatear el disco duro). Con Windows 8 estamos trabajando para cambiar eso: vas a poder tener tu experiencia personalizada de Windows en cualquier equipo con Windows 8 en el que abras sesión con un ID de Windows Live. Ciertas configuraciones como el salvapantallas, el fondo de pantalla, el icono de usuario, los favoritos y el historial del navegador, los diccionarios ortográficos, la configuración del Explorer, del ratón, de accesibilidad y muchos otros ahora van a ir asociados con tu cuenta de Windows 8 y se van a guardar en la nube. Estarán sincronizados y se descargarán en cualquier máquina que utilices, cambies o actualices.

Tener una auténtica experiencia personal con Windows 8 también incluye las aplicaciones estilo Metro –la forma en que las utilizas, las configuración que usas y el estado en que las dejas al salir. Será fácil ver qué aplicaciones estilo Metro has comprado y seleccionar aquellas que quieres tener en todos los PCs con Windows 8 que utilizas. Al emplear el ID para iniciar sesión en Windows, los datos de estado para las aplicaciones estilo Metro se mantienen sincronizadas entre todos los PCs que utilizas. Por ejemplo, supón que estás leyendo noticias en una aplicación de lector de RSS. Si añades nuevos feeds que quieres seguir, estos feeds pueden automaticamente estar disponibles en la misma aplicación lector de RSS en cualquiera de tus otros PCs con Windows 8.También vamos a permitir a los desarrolladores que construyan aplicaciones estilo Metro que puedan indicar a Windows el estado de estas, de modo que puedan proseguir desde el punto en que se dejaron al cerrarlas, al moverse entre equipo. Podemos continuar desde la misma página de un libro electrónico, en el mismo nivel de un juego o en el mismo punto en una película que estábamos viendo cuando cambiamos de equipo. En la Preliminar de Desarrollo de Windows 8 ya se puede ver esta funcionalidad con Internet Explorer 10.

Seguramente te preguntarás cómo se puede hacer para conservar las configuraciones en las aplicaciones que no son estilo Metro cuando la máquina no pertenece a un dominio. No se puede resolver este problema con el ID de Windows Live y la verdad es que no recomiendo el uso de herramientas que tratan de hacer esto con soluciones como escribir en el registro o copiar ejecutables de un lugar a otro. No obstante, con herramientas de Recuperación/Actualización es posible crear una imagen que contenga las aplicaciones de desktop instaladas que más interesan al usuario y utilizarla después como punto de partida. Si lo que queremos es movernos entre diferentes equipos manteniendo las mismas configuraciones para las aplicaciones de escritorio entonces tendremos que seguir utilizando los mismos métodos que ya existen de perfiles de roaming y caché de archivos en el cliente con Active Directory y Windows Server.

Otra ventaja de utilizar el ID de Windows Live para iniciar sesión es que se emplea para abrir sesión en múltiples servicios y aplicaciones. Esto se consigue de dos maneras. Primero, cuando se abre sesión en Windows con tu ID, no necesitamos volver a introducir estas credenciales en ninguna aplicación o sitio web que utilice el ID de Windows Live como método de autenticación. Por ejemplo, una vez que inicias sesión en Windows con tu ID, puedes arrancar la aplicación Windows Live Messenger y seguir charlando con los amigos sin tener que volver a introducir tus credenciales. De la misma forma, puedes acceder a la página de correo de Hotmail sin necesidad de introducir tu correo y contraseña otra vez. Siempre puedes cerrar sesión en alguna página web y abrirla con un usuario distinto, pero por defecto entradas con tus credenciales. Pero conviene aclarar que estas aplicaciones y sitios web no tienen un acceso especial a tu PC o datos personales.

La segunda manera, si el usuario elige esa opción, es que Windows puede almacenar por separado en la nube las credenciales para aplicaciones estilo Metro y las de sitios web. Estas credenciales pueden sincronizarse entre los distintos equipos con Windows 8 que utilices y sirven para validarte de manera automática. No necesitarás volver a teclear tu nombre o tu contraseña, solo confirmar los datos cuando aparecen en pantalla. De la misma forma que con el ejemplo del Messenger, cuando arranques una aplicación estilo Metro que utilice esta funcionalidad, quedarás automáticamente validado y la aplicación proseguirá en el punto en que quedó desde la última vez que accediste.

Controles de usuario

Son muchas las ventajas de utilizar el ID de Windows Live para iniciar sesión en Windows. De todas formas, conviene recordar que las necesidades de cada usuario de Windows son únicas. Tu experiencia de Windows 8 está bajo tu control. Cuando creamos una cuenta en Windows podemos elegir el tipo de cuenta que queremos utilizar. Podemos optar por crear una asociada con el ID de Windows Live o seguir con una cuenta local, que funciona igual que con Windows 7. Podemos también cambiar la cuenta local para asociarla a un ID de Windows Live más adelante.

Si prefieres asociar la cuenta local con un ID, siempre puedes controlar lo que quieres sincronizar entre los distintos PCs con Windows 8 que utilizas. En el Panel de Control hay una sección llamada “Sincronización de Configuraciones del PC” donde se puede activar o desactivar manualmente esta función.

Puedes optar por desactivar toda la tarea de sincronización o solo la sincronización de alguna configuración concreta, y puedes elegir entre estas configuraciones:

Personalización
Temas
Facilidad de acceso
Preferencias de idioma
Aplicaciones
Navegado web
Otras configuraciones
Algunas contraseñas

Hemos recomendado un comportamiento por defecto que supone que el usuario quiere conservar las configuraciones más utilizadas para personalizar y adaptar la forma de usar el PC. En concreto, de vuestros comentarios deducimos que la parte visual de la personalización del PC es muy importante. En Windows 8 hemos incluido ciertas configuraciones importantes, como el cambio de la imagen de pantalla para el bloqueo del equipo. También se pueden mover de un PC a otro los temas de escritorio que utiliza y crea el usuario, incluyendo colores, sonidos y fondo de pantalla (nota: actualmente se mantiene la imagen de fondo si el archivo original no supera los 2 Mb. Si es más grande de 2 Mb se comprime y se recorta hasta un tamaño máximo de 1920x1200).

También es importante saber que sigues manteniendo control total sobre tus datos cuando pasas desde el entorno de trabajo al personal y viceversa. En Windows 8, cuando se vincula una cuenta de dominio Windows con un ID de Windows Live, lo primero que se le pregunta (antes de sincronizar ningún dato) es qué datos quiere sincronizar entre el PC que pertenece a un dominio y el resto de PCs que pueda utilizar con el mismo ID. Así el usuario puede decidir si ciertas cosas como su historial de navegación por la web, sus favoritos o sus credenciales deben sincronizarse con el equipo del trabajo o si prefiere mantener esto o cualquier otra cosa sincronizado únicamente con equipos de uso personal.

Por otro lado, los administradores de TI van a poder controlar lo que un usuario podrá sincronizar en un PC del trabajo, aplicando ciertas políticas de grupo. En este caso, los administradores de TI podrán decidir si un empleado puede vincular su cuenta de dominio con un ID y si el administrador le deja hacerlo, el tipo de datos que el empleado podrá sincronizar.

Un último punto importante que quiero mencionar es que las credenciales que se escriben y se guardan en una máquina perteneciente a un dominio no se guardarán en la nube y nunca se sincronizarán con los otros PCs. Así nos aseguramos de que las identidades de las redes corporativas se mantienen solamente en los PCs gestionados por los administradores de TI.

Privacidad y seguridad

Sabemos que cuando se utilizan servicios conectados a la nube, la privacidad y la seguridad siempre son asuntos de la mayor importancia. Cuando se asocia una cuenta de usuario de Windows con un ID de Windows Live, hay tres categorías de datos especialmente sensibles desde el punto de vista de la privacidad y la seguridad:

El nombre de usuario y la contraseña del ID de Windows Live
El perfil de usuario del ID de Windows Live
Las configuraciones y datos que se sincronizan

Hemos adoptado una serie de medidas para salvaguardar el ID y la contraseña que utiliza el usuario para abrir sesión en Windows. Esto se hace de dos maneras. La primera, exigiendo una contraseña fuerte (no se puede dejar la contraseña en blanco, por ejemplo). Después se pide una prueba de identificación secundaria. Esto nos permite establecer una “confianza” con los equipos que el usuario posee o utiliza frecuentemente, y además nos permite sincronizar de manera más segura los datos personales como las contraseñas. La petición de esta segunda prueba de identidad nos ayuda también a que el proceso de recuperación de la cuenta sea más sencillo y seguro. Como ejemplos de estas pruebas secundarias de identidad son las direcciones de correo alternativas, números de teléfono móvil y preguntas con respuestas secretas -cosas que supuestamente solo conoce el propio usuario.

El inicio de sesión con un ID de Windows Live nos permite tener un control muy superior sobre la contraseña, e incluso la posibilidad de recuperarla si la olvidamos. Si el usuario emplea una cuenta local y se olvida de su contraseña, se ve metido en un problema porque no tiene muchas opciones. Podría recuperarla usando algún tipo de pista o una clave de recuperación, pero si no funciona ninguna de estas dos posibilidades, lo que le queda casi siempre es volver a reinstalar el PC por completo. (Hablando técnicamente, existen algunas herramientas de crackeo de contraseñas en Internet que se pueden intentar como solución, pero muy probablemente no consigan nada con contraseñas de cierta complejidad y muchas de las utilidades de crackeo de claves que nos encontramos por ahí no son otra cosa que virus camuflados, así que ¡mucho cuidado con esto!). Sin embargo, si se inicia la sesión en el PC con el ID de Windows Live y el usuario no recuerda su contraseña, puede resetearla desde cualquier otro PC acudiendo a la página https://login.live.com y pulsando “He olvidado mi contraseña”. Esta opción resetea la contraseña de modo seguro, sin perder ninguna información en el PC. El reseteo de contraseñas hecho así es también más seguro porque aplica la prueba secundaria de identificación que mencionaba antes para asegurarse de que es el propio titular de la cuenta quien está reseteando la contraseña.

Seguramente te estarás preguntando “¿y qué pasa si me roba alguien el ID de Windows Live?”. Bueno, también podemos ayudar aquí. El ID de Windows Live incorpora una serie de funciones de seguridad que permiten detectar el robo de una cuenta y la cambia a un estado “en riesgo” (limitando sus posibilidades de acción) hasta que el titular original recupere el control sobre ella empleando para esto ciertas funciones de autenticación bifactorial (las pruebas secundarias que expliqué antes). Muy importante: el usuario sigue teniendo acceso completo al PC, puesto que el PC le permite entrar con la contraseña que tenía antes de que le robaran la cuenta, pero no podrá utilizar los servicios y aplicaciones que dependen de ese ID hasta que no pase por el procedimiento online “restaurar mi cuenta”.

Con Windows 8 hemos querido que el usuario mantenga pleno control sobre los datos que utiliza y pueda configurar aquello que quiere sincronizar entre distintos PCs con Windows 8. Cuando se elige la opción de validarse en Windows 8 con el ID de Windows Live, son muy pocos los datos –el nombre, apellidos y nombre para mostrar- que se comparten con Windows. Windows no utiliza ningún otro dato del perfil del usuario de Windows Live. Los datos del perfil, que se almacenan en la nube, se emplean para las aplicaciones y sitios web a los que les permite el uso de estos datos. Aunque cualquier aplicación estilo Metro puede utilizar el ID de Windows Live para resolver su propia autenticación, debe antes preguntar al usuario si quiere acceder a ciertos detalles concretos del perfil.

Como explicaba antes, hay tres categorías de datos que se pueden sincronizar entre distintos PCs con Windows 8 cuando se inicia sesión con el ID: 1) las configuraciones de Windows, 2) configuraciones y datos de las aplicaciones y 3) las credenciales. Estos datos se guardan en la nube, de manera que estarán disponibles cuando el usuario inicie sesión en cualquier otro PC con Windows 8. El tamaño de los datos que se transfieren es muy escaso y solo se imponen algunas limitaciones a nivel de configuración, como por ejemplo el tamaño máximo que puede tener la imagen de fondo de la pantalla de bloqueo. Nada de esto cuenta a la hora de calcular la cuota de almacenamiento de Windows Live, estos datos se guardan de manera independiente con respecto a otros datos de Windows Live, como por ejemplo los archivos que se mantienen en SkyDrive.

Puede que te preocupe saber cómo se protegen los datos del perfil de usuario. Para proteger los datos de usuario hemos adoptado diversas medidas. La primera, no transferir datos sobre WWAN por defecto. La segunda, que todos los datos de usuario se encriptan en el cliente antes de enviarlos a la nube. Todos los datos y configuraciones que salen del PC se transmiten usando SSL/TLS. La información más sensible, como por ejemplo las credenciales, se encripta una vez empleando como base la propia contraseña y después se vuelven a encriptar al enviarlas por Internet. Los datos almacenados no están al alcance ni de los servicios de Microsoft ni de terceros. Por último, antes de poder acceder a la información sensible por primera vez desde un segundo PC con Windows 8, debe establecerse una “confianza” para dicho PC aportando una prueba de identidad adicional. Esta segunda prueba de identidad puede resolverse indicando en Windows un código que se envía a un número de teléfono móvil o bien siguiendo unas instrucciones que se remiten a una dirección de correo alternativa.

Todos los datos que se guardan en la nube mediante mecanismos de roaming solo están accesibles para Windows bajo esta modalidad y para este uso. Esto es muy importante. Así por ejemplo, el historial de Internet Explorer se guarda como “roaming” pero no se utiliza ni se puede acceder a él desde ningún otro contexto, y no es muy distinto de lo que ocurriría si el usuario hubiese creado manualmente el mismo registro de historial de visitas en otro PC.

Estamos realmente entusiasmados con la posibilidad de hacer que la experiencia de Windows 8 sea más personal y más fácil de configurar, protegiendo tu privacidad y tu seguridad. Esperamos tus comentarios sobre esta nueva característica. ¡Que lo disfrutes!

Katie Frigon

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/09/26/signing-in-to-windows-8-with-a-windows-live-id.aspx

Saludos,

El equipo de MSDN España

Uso de la versión Preliminar de Desarrollo de Windows 8 en un entorno virtualizado

esmsdn — Thu, 09 Feb 2012 15:04:00 GMT

Hemos querido hacer un breve post sobre compatibilidad en el contexto de las tecnologías de virtualización. Sabemos que teníamos que resolver algunos retos de partida y hemos visto que el proceso de soporte a la comunidad se había puesto en marcha y que mucha gente ha empezado ya a dar sus primeros pasos en cuanto a ciertos posts de “how-to” que han empezado a aparecer en algunos sitios. Puesto que se trata de una versión preliminar de desarrollo, esperamos empezar a ver otro tipo de incidentes de compatibilidad con aplicaciones o dispositivos –nuestro periodo de pruebas no quedará limitado (ni se intenta que se quede limitado) a la Preview. Obviamente este tema en concreto de la virtualización es uno de los que surgieron en las primeras etapas y podríamos haberlo hecho un poco mejor mejor. Sue Bohn, David Hicks, Cornel Lupu de nuestro equipo ACDC (App Compat, Device Compat) han redactado este post. --Steven

Estamos viendo en los foros que hay un gran interés por ejecutar la Preliminar de Desarrollo de Windows 8 en un entorno virtual. Nuestros sistemas de telemetría nos indican que aproximadamente un tercio de las instalaciones pioneras se hace sobre máquinas virtuales. Nosotros os pedimos disculpas por no haber ofrecido ningún tipo de orientación previa para evaluar la Preliminar de Desarrollo de Windows 8 sobre máquinas virtuales. Este post trata de ofrecer información general y orientaciones sobre este tema.

Para conseguir la experiencia de computación ideal en el cliente recomendamos ejecutar la Preliminar de Desarrollo de Windows 8 de forma nativa sobre un ordenador dedicado. Windows 8 aprovecha las características de aceleración por hardware para ofrecer una interfaz de usuario rápida y fluida. Si no podéis contar con un equipo físico dedicado, podéis emplear una instalación de arranque dual, una excelente alternativa que mantiene vuestro S.O. actual y vuestras configuraciones. Aquí podéis encontrar un interesante artículo de LifeHacker sobre cómo instalar un arranque dual.

Si no estáis familiarizados con la terminología propia de la virtualización, aquí va una introducción rápida. Los productos de máquinas virtuales nos permite ejecutar un S.O. alojado (“guest”) dentro de un S.O. de base llamado “host”, que se ejecuta de forma nativa sobre la máquina física. Como seguramente muchos ya sabréis, la virtualización es una solución muy extendida para probar nuevos productos de sistema operativo, puesto que no tenemos que dedicarle máquinas físicas, añadir disco de repuesto o reparticionarlo. Para ejecutar la Preliminar de Windows 8 como S.O. alojado, necesitamos un producto de virtualización que lo soporte.

Algunos productos de virtualización solo ofrecen un driver de pantalla básico que no soporta los gráficos de alto rendimiento utilizados en Windows 8. En consecuencia, el resultado es sensiblemente más lento, con menor capacidad de respuesta comparado con el S.O. ejecutado de forma nativa. EL proceso de instalación y configuración puede ser complicado y sujeto a errores cuando se ejecuta como máquina virtual, sobre todo si lo hacemos sobre un hardware antiguo que no incorpora las optimizaciones para la virtualización que sí están disponibles en las últimas generaciones de procesadores de Intel y AMD.

La versión Preliminar de Desarrollo de Windows 8 ha aparecido hace tan solo unas pocas semanas, así que muchos de los productos de virtualización del mercado aún no se han podido actualizar para que funcione correctamente sobre ellos. Nosotros trabajamos en estrecha colaboración con todos los principales fabricantes de estos productos de virtualización para conseguir que soporten Windows 8 a medida que avanzamos hacia la versión definitiva.

Algunos miembros del foro nos comentan que han tenido buenos resultados utilizando algunos productos. De las opciones más conocidas, nuestras conclusiones en este momento son las siguientes:

Funcionales:

Hyper-V con Windows 8 Developer Preview
Hyper-V con Windows Server 2008 R2
VMware Workstation 8.0 para Windows
VirtualBox 4.1.2 para Windows

No funcionales:

Microsoft Virtual PC (todas las versiones)
Microsoft Virtual Server (todas las versiones)
Windows 7 XP Mode
VMWare Workstation 7.x o anterior

Seguramente os preguntaréis por qué los productos de virtualización que a día de hoy funcionan con Windows 7 no son capaces de funcionar con la Preliminar de Desarrollo de Windows 8. Nos estamos tomando el tema de la compatibilidad muy en serio. No obstante, hay algunas categorías de software que funcionan muy “apegadas al hierro” y de forma deliberada asumen dependencias con respecto a las estructuras internas de datos y los aspectos más íntimos del kernel de Windows. Esas dependencias no suelen estar soportadas de forma pública ni tampoco en forma de APIs exportables, y eso obliga a cambiarlas cuando cambia la versión de Windows. Ya hemos recorrido un largo camino para evitar este tipo de cambios, pero algunas veces son necesarios para incorporar las innovaciones. En consecuencia, algunas piezas de software van a necesitar actualizaciones en cuanto incorporemos mejoras de gran envergadura en Windows. Otras de las categorías frecuentes incluyen los productos anti-malware y los de seguridad. En tales casos, para mejorar el rendimiento en arranque y habilitar el uso de nuevas arquitecturas de CPU, hemos optado por seguir un nuevo enfoque empleando timers de alta resolución. Algunos productos de virtualización emulan timers antiguos de hardware que suponen una auténtica merma del rendimiento y van a exigir actualizaciones para poder soportar Windows 8.

Nosotros colaboramos muy estrechamente con todos los partners de software que desarrollan productos que dependen de este tipo de APIs y todos están informados de los cambios que aparecen en la Preliminar de Desarrollo de Windows 8. Cada uno elegirá la dirección de la futura compatibilidad siendo coherente con sus objetivos de negocio. Colectivamente estamos comprometidos a ofrecer la mejor experiencia posible a media que se vaya difundiendo la versión del S.O. hacia audiencias cada vez mayores.

Sue Bohn, David Hicks, Cornel Lupu

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/09/16/running-windows-8-developer-preview-in-a-virtual-environment.aspx

Saludos,

El equipo de MSDN España

Añadir personalidad a las páginas web con Transiciones y Animaciones de CSS3

esmsdn — Thu, 09 Feb 2012 08:36:00 GMT

Ciertos avances como el JavaScript compilado de alto rendimiento y el rendering acelerado por hardware de HTML5 y CSS3 disponibles en las versiones Internet Explorer 9 y 10 permiten a los desarrolladores crear experiencias cada vez más avanzadas. Dos funcionalidades estrechamente relacionadas como son las Transiciones de CSS3 y las Animaciones CSS3, nos ofrecen una vía declarativa para añadir personalidad a las interacciones con nuestras páginas web, de una manera sencilla.

En este post describimos estas dos funcionalidades tal y como se presentan en IE10 en la Preliminar de Desarrollo de Windows y en las de Aplicaciones estilo Metro escritas en HTML para Windows 8.

El mismo código – excepto en el prefijo de fabricante

Como ocurre con casi todas las novedades en IE9 y IE10, las Transiciones y Animaciones de CSS3 se basan en estándares implementados teniendo como objetivo la interoperabilidad con el “mismo código de markup”. No obstante, a diferencia de otras funcionalidades como los bordes redondeados o el sombreado de objetos y de textos, que forman parte ya de especificaciones estables del W3C, las Transiciones y Animaciones siguen todavía en fase de desarrollo de la especificación, en la cual cada fabricante asigna un prefijo a sus propias implementaciones. Por tanto, en este caso, cuando decimos “el mismo código”, nos estamos refiriendo a “el mismo código, pero con el prefijo de cada fabricante”

Muchos otros autores han escrito ya sobre estas funcionalidades, como por ejemplo Rich Bradshaw en su excelente artículo Using CSS3 Transitions, Transforms and Animations. Muchos artículos que analizan estas funcionalidades solo utilizan el prefijo –webkit- en sus ejemplos. Los usuarios que quieren experimentar con otros navegadores necesitan copiar el ejemplo y cambiar el prefijo –webkit- por –ms-, -moz- o bien –o- según corresponda. Los ejemplos de Bradshaw son una excepción: ¡funcionan directamente en IE10!

Transiciones

La función de las Transiciones CSS3 es fácil de explicar: cambiar progresivamente el valor calculado de una propiedad CSS desde un valor inicial a otro indicado como valor final. Más aún: ciertos cambios de valor como resultado de cambios en la clase CSS o pseudo-clase de un elemento también disparan las transiciones.

Veamos este código de ejemplo:

img {

opacity: 1;

transition-property: opacity;

transition-duration: 2s;

transition-delay: 0s;

transition-timing-function: linear;

}

img:hover {

opacity: 0;

}

El efecto que produce es que cuando el usuario mueve el ratón sobre la imagen, ésta se desvanece poco a poco en unos dos segundos, como se muestra en esta secuencia de imágenes (he añadido una sombra en el contenedor para identificar el último estado).

Desvanecimiento de una imagen a blanco en 2 segundos

Las propiedades de transición que hacen posible este efecto son:

transition-property– indica qué propiedades CSS van a alterarse. La palabra clave “all” hace que todas las propiedades susceptibles de animación se modifiquen cuando cambie su estado. El valor por defecto es “all”.
transition-duration– el tiempo, medido en segundos o milisegundos, de la transición, comenzando después de un valor de retardo (“transition-delay”). El valor por defecto es cero, lo que significa que la transición es inmediata.
transition-delay– el tiempo, medido en segundos o milisegundos, tras el cual se modifica el valor antes de que empiece la transición. El tiempo puede ser negativo, en cuyo caso la transición comienza en un punto más avanzado de su línea de tiempo. El valor por defecto es cero.
transition-timing-function– indica de qué forma se deben calcular los valores intermedios de la transición. Esto nos permite regular la velocidad del cambio a lo largo del tiempo que dura la transición. La función subyacente es una curva de Bezier cúbica; las palabras clave se corresponden con funciones habituales. El valor por defecto es “ease”, una función que comienza rápidamente y se va haciendo cada vez más lenta hacia el final.

Hacer desaparecer una imagen progresivamente es solo un ejemplo sencillo. Supongamos que queremos fundir una imagen hacia otra, como se ve a continuación.

Fundido de la imagen inicial hacia otra diferente, en dos segundos

El código siguiente lo hace (ten en cuenta siempre que los prefijos de fabricante deben preceder a todas las propiedades de transición).

Fragmento de HTML:

</div>

Sección de CSS:

#imageWrapper {

display: inline-block;

width: 400px;

height: 267px;

box-shadow: 2px 2px 5px 0px gray;

position: relative;

}

#imageWrapper img {

width: 400px;

height: 267px;

position: absolute;

transition-property: opacity;

transition-duration: 2s;

transition-timing-function: linear;

}

#imageWrapper #frontImage, #imageWrapper:hover #backImage {

opacity: 1;

}

#imageWrapper:hover #frontImage, #imageWrapper #backImage {

opacity: 0;

}

Aquí tienes una versión funcional de este mismo código:

Mueve el ratón sobre la imagen para fundirla con la otra.

Ciertas transiciones sencillas, como la anterior, se pueden simular con no demasiado esfuerzo empleando JavaScript. Las ventajas de las Transiciones CSS son sus definiciones declarativas, que son más fáciles de utilizar que el script y funcionan –al menos en IE10- de forma asíncrona con respecto al thread principal de procesamiento de la página, lo que da lugar a transiciones menos bruscas y mejoran la capacidad de respuesta de los sitios web.

Puedes ver una demo interactiva de Transiciones CSS3 en el sitio web IE Test Drive. La demo funciona en todos los navegadores que soportan CSS3 Transitions, como es el caso de IE10 en la versión Preliminar de Desarrollo de Windows.

Animaciones

Las Animaciones de CSS3 son conceptualmente similares a las transiciones, ya que en ambos casos van modificando gradualmente un valor CSS a lo largo de la línea de tiempo. Las diferencias están, primero, en la forma en que se indican las propiedades de la animación; segundo, en la forma en que se disparan y tercero, la complejidad de las animaciones que podemos crear.

Las animaciones se declaran utilizando reglas de “keyframes” dentro del código CSS. Una regla de keyframes sencilla que viene a reproducir el efecto de desvanecimiento que hemos visto en el ejemplo anterior de transición sería más o menos así:

@keyframes

fadeOut {

from {

opacity: 1;

}

to {

opacity: 0;

}

Aplicamos esta regla a nuestra imagen con este fragmento CSS:

img {

animation-duration: 2s;

animation-delay: 0s;

animation-timing-function: linear;

animation-fill-mode: forwards;

}

img:hover {

animation-name: fadeOut;

}

Muchas de estas propiedades ya son conocidas de nuestro análisis anterior sobre transiciones. Lo nuevo es esto:

animation-fill-mode – El valor “forwards” de esta propiedad significa que debe mantener los valores de propiedad indicados en “to” una vez llega al final de la animación avanzando en la línea de tiempo. El valor por defecto de esta propiedad es “none”, que hace que las propiedades vuelvan a sus valores previos a la animación una vez termina el proceso. (Se puede construir este mismo código CSS de ejemplo sin utilizar el valor animation-fill-mode. Basta con añadir “opacity: 0;” a la regla img:hover para mantener el valor de opacidad final a cero.)
animation-name – informa del qué animación (identificada por su nombre) se desarrollará como consecuencia del evento. Cuando se indica un valor en la propiedad animation-name primero se ejecuta la cuenta atrás definida por el valor animation-delay. Cuando esta cuenta llega a cero, empieza la animación propiamente dicha y lo hace durante el tiempo indicado por el valor animation-duration. El valor de animation-timing-function es el mismo que transition-timing-function descrito antes.

La potencia de las Animaciones CSS3 radica en su capacidad para especificar múltiples keyframes con propiedades y valores intermedios que no tienen por qué quedar delimitados por los valores inicial y final. En las Transiciones CSS3, los valores intermedios siempre van en progresión desde el inicio al final; nunca pueden salirse del rango. En las animaciones no tenemos esta restricción.

Así podemos programar una “expansión” como la que se consigue con este ejemplo y el código siguiente.

#bouncingImage {

width: 400px;

height: 267px;

box-shadow: 2px 2px 5px 0px gray;

animation-duration: 2s;

animation-timing-function: ease-in-out;

animation-fill-mode: forwards;

}

#bouncingImage:hover {

animation-name: zoomInBounce;

}

@keyframes zoomInBounce {

from {

transform: scale(1);

}

30% {

transform: scale(1.4);

}

40% {

transform: scale(1.15);

}

50% {

transform: scale(1.35);

}

60% {

transform: scale(1.2);

}

70% {

transform: scale(1.3);

}

80% {

transform: scale(1.225);

}

90% {

transform: scale(1.275);

}

to {

transform: scale(1.25);

}

Mueve el cursor sobre la imagen para ampliarla con un efecto expansivo.

Puedes ver una demo interactiva de Animaciones CSS3 en el sitio web IE Test Drive. La demo funciona en todos los navegadores que soportan Animaciones CSS3, como es el caso de IE10 que se incluye en la Preliminar de Desarrollo de Windows.

Dale un estilo personal a tus sitios web

Estos dos ejemplos que hemos visto en este artículo probablemente no son los que vayas a utilizar más a menudo en tus páginas web. Pero unas transiciones y animaciones bien diseñadas son hoy en día algo que se considera casi obligatorio en cualquier experiencia web moderna. Windows 8 estilo Metro utiliza profusamente animaciones fluidas y sutiles para que los usuarios entiendan mejor sus interacciones con el sistema. Gracias a ellas Windows 8 estilo Metro y sus aplicaciones ofrecen una excelente respuesta con interfaz táctil.

Espero que los ejemplos mostrados, las demos de IE Test Drive y el creciente número de artículos y ejemplos que vemos por todas partes en la Web te ayuden a profundizar en esta nueva tecnología y a darle un toque personal a tus diseños.

FUENTE: Ted Johnson - http://blogs.msdn.com/b/ie/archive/2011/11/21/adding-personality-with-css3-transitions-and-animations.aspx

Saludos,

El equipo de MSDN España

Navegación sin complementos con HTML5 y el estilo Metro

esmsdn — Wed, 08 Feb 2012 14:55:00 GMT

Una de las primeras cosas que van a intentar hacer una gran cantidad de gente después de instalarse la preliminar de desarrollo de Windows 8 será probar el navegador IE10, la herramienta más utilizada en Windows. La versión de IE10 en la preliminar de Windows es la Platform Preview 3. Puedes leer en el blog de IE el trabajo que estamos haciendo sobre el motor de HTM5. Este post trata sobre un gran cambio en IE con estilo Metro, siendo una experiencia sin plug-ins. En Windows 8, IE10 está disponible como aplicación estilo Metro y como aplicación de escritorio. La aplicación de escritorio sigue ofreciendo soporte completo para extensiones y plug-ins. Los motores de HTML5 y scripting son los mismos y podemos cambiar fácilmente entre las distintas ventanas si queremos. IE estilo Metro ofrece todos los accesos directos de teclado más importantes para la navegación y el soporte para ratón que se le supone al navegador –creación de pestañas, paso de una pestaña a otra, cierre de pestañas, introducción de direcciones de Internet, búsquedas, etc. Utilizo este navegador todo el rato, y viendo la cantidad de tiempo que le dedico a Windows Phone, el poder tener la misma experiencia y la interfaz táctil, creo que es, sin duda, una gran ventaja. Pero tú mismo puedes elegir el que más te guste y sin compromiso. Dean Hachamovitch, que lidera el equipo de IE, ha escrito este post.

--Steven

Para que la web siga avanzando y para que los consumidores aprovechen al máximo las posibilidades de la navegación con interfaz táctil, el navegador estilo Metro de Windows 8 será un navegador basado en HTML5 todo lo posible, y sin plug-ins. La experiencia que nos proporcionan actualmente los complementos no casa bien con la navegación estilo Metro y la moderna web basada en HTML5.

El uso del IE estilo metro sin complementos mejora el consumo de energía y el nivel de seguridad, fiabilidad y privacidad para los consumidores. Los complementos han sido importantes en las primeras etapas de la historia de la web, pero la web ha recorrido un largo camino desde entonces, con HTML5. El ofrecer compatibilidad con tecnologías de complementos antiguos, lejos de mejorar, podría empeorar la experiencia del consumidor a la hora de navegar con la IU de estilo Metro.

Hoy día el hecho es que los sitios web se están reconstruyendo a marchas forzadas para ofrecer una experiencia libre de complementos. Google, por ejemplo, hace poco que ha lanzado su sitio de YouTube HTML5 para teléfonos móviles. En un anterior post del blog de IE analizábamos cómo los sitios Web sin complementos se estaban haciendo cada vez más populares, y qué puede hacerse a nivel de sitio web para funcionar sin complementos. Hemos analizado con bastante detalle el uso de complementos en los 97.000 sitios web más importantes del mundo, una muestra en la que se incluye una gran cantidad de webs de fuera de EE.UU. Del 62% de sitios que todavía utilizan Adobe Flash, en su mayoría ya incluyen un fallback hacia el vídeo de HTML5 en ausencia de soporte para dicho complemento. Cuando se ofrecen anuncios en ausencia de complementos, la mayoría de los sitios web realizan algo equivalente a este fallback, con lo que se demuestra que esta estrategia es práctica y escalable. El complemento de Flash es sin duda el más utilizado a gran distancia del siguiente, que ya aparece tan solo en el 2% de las webs y después encontramos una serie de controles que se utilizan en el 0,50 – 0,75% de ellas.

Con Windows 8, los sitios de consumidor y las aplicaciones de línea de negocio que necesitan los antiguos controles ActiveX van a seguir funcionando en el navegador de escritorio y los usuarios pueden optar por “Utilizar la Vista de Escritorio” en el IE estilo metro al acceder a ellos. En estos sitios, la potencia de HTML5 cobra más sentido, sobre todo en las aplicaciones de Windows 8.

Los navegadores sin complementos ya están ofreciendo en estos momentos experiencias excelentes con contenidos HTML5 bien construidos. Estas experiencias aún se mejoran con la interfaz táctil de IE estilo Metro.

Gracias –

Dean

P.D: a continuación podéis ver cómo IE ajusta su comportamiento a cada sitio, a medida que los desarrolladores van avanzando en su transición y dejan de utilizar complementos para resolver las funcionalidades que ya incluye HTML5 de forma nativa (como el vídeo o XHR). La mayoría de los sitios web funcionan bien con IE sin complementos. Otros funcionan correctamente con IE cuando IE se identifica a sí mismo como otro navegador o se ejecuta en un modo diferente. En este proceso de colaboración con la comunidad de desarrolladores web, IE sigue manteniendo la lista de Vista de Compatibilidad (CV) para que los consumidores puedan seguir utilizando los sitios web actualmente en servicio.

Este es un fragmento de la lista de CV que se puso en vigor con la versión preliminar de desarrollo de Windows 8 en la BUILD Conference:

<?xml version="1.0" encoding="utf-8" ?>
<iecompatlistdescription>
    <version>1152921504606910005</version>
    <ttl>1</ttl>
    <domain docMode="EmulateIE7">monster.com</domain>
    <domain docMode="EmulateIE7">pbskids.org</domain>
    <domain docMode="EmulateIE8" uaStringImmersive="iPad">nate.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">bankofamerica.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">wellsfargo.com</domain>
    <domain docMode="EmulateIE8">7-eleven.com</domain>
    <domain docMode="EmulateIE9" versionVector="9" uaString="9">sportsillustrated.cnn.com</domain>
    <domain docMode="EmulateIE9">lowes.com</domain>
    <domain docMode="IE9">github.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">dodge.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">krispykreme.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">youtube.com</domain>
    <domain uaStringImmersive="Firefox 5">tv.slashgear.com</domain>
    <domain uaStringImmersive="iPad">mashable.com</domain>
    <domain uaStringImmersive="iPad">tested.com</domain>
    <domain>about.zappos.com</domain>
    <domain>airborne.gogoinflight.com</domain>
    <domain>aol.com</domain>
</iecompatlistdescription>

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/09/14/metro-style-browsing-and-plug-in-free-html5.aspx

Saludos,

El equipo de MSDN España

Navegación estilo Metro: un motor, dos experiencias, sin renunciar a nada

esmsdn — Wed, 08 Feb 2012 08:44:00 GMT

Nos complace mucho la calurosa bienvenida que los desarrolladores nos ofrecieron con ocasión de la presentación de una gran oportunidad que se abre ahora con Windows 8. Con la B8 nuestra atención se desplaza hacia la versión Preliminar de Desarrollo, qué contiene y cómo va evolucionando. Esperamos que aquellos de vosotros que deseen participar en el blog de IE ya estén instalando y utilizando esta versión preliminar. Aunque aún es eso, una preliminar, y dirigida a los desarrolladores, su uso resulta divertido.

Queríamos hablar un poco sobre la navegación estilo Metro y el trabajo que hemos hecho hasta ahora para ofrecer una experiencia de navegación que realmente prescinde de los elementos habituales de la interfaz de usuario del navegador (“chromeless”). Hemos puesto mucho empeño en el soporte para HTML5 y en el soporte de los estándares con el mejor rendimiento y el máximo nivel de fiabilidad como complemento a las bien conocidas y eficaces funciones de seguridad de IE. Seguimos probando y ofreciendo una experiencia de desktop que utiliza las mismas tecnologías HTML5. Así es como ofrecemos una experiencia de navegación sin riesgos con IE10. En este artículo describo cómo es la versión Preliminar 3 de Plataforma IE10 en la Preliminar de Desarrollo de Windows 8. Este artículo lo ha redactado Dean--Steven

Para hacer progresar la experiencia de navegación, pocas cosas hay más eficaces que ponerla en un dispositivo táctil. Para conseguir la mejor navegación en cualquier factor de forma con Windows 8 hemos rediseñado por completo la experiencia del navegador web y la arquitectura subyacente

Nuestra planteamiento con Windows 8 empieza con un excelente motor de navegación HTML5 que es capaz de ofrecer dos experiencias distintas. El motor, en sí mismo, ofrece una compatibilidad fuerte con los estándares web, un rendimiento superior mediante la aceleración por hardware, un elevado nivel de seguridad, privacidad, etc. Después hemos creados dos experiencias a partir de este motor: una nueva experiencia estilo Metro y otra, más tradicional, que es la actual generación de navegador para equipos de escritorio, con pestañas y un “chrome” relativamente escaso.

El resultado es que ahora podemos llevar un solo dispositivo y nos ofrece ambas experiencias sin ningún riesgo ni renuncia, ya sea funcionando como una atractiva tableta o como un portátil flexible. También podemos tener ambas experiencias en un escritorio potente con varios monitores.

Puedes conseguir la mejor experiencia envolvente en sitios Web HTML5 habilitados para interfaz táctil con el navegador estilo Metro en Windows 8. Si prefieres un entorno más tradicional de ventana y controlado mediante pestañas, tienes una versión avanzada de IE en el escritorio. Ambas modalidades funcionan con el mismo motor IE10.

Mientras creábamos una experiencia estilo Metro totalmente nueva, nos ocurrió algo muy curioso: nos dimos cuenta de que al final era una mejor forma de navegar por la Web incluso en un PC de escritorio con pantalla grande, teclado y ratón. Aunque se trata de un navegador orientado en principio a la interacción táctil, funciona muy bien con teclado, ratón o trackpad. Si has tenido ocasión de navegar desde el teléfono con cierta asiduidad, probablemente ya estarás acostumbrado a utilizar una modalidad que prácticamente no tiene “marco” , una gestión de pestañas mucho más visual, una experiencia más envolvente, con menos aspecto de “escritorio” y mucho más manual. Puede ser que te des cuenta que prefieres la experiencia de Internet Explorer 10 en estilo Metro que la de escritorio.

Solo por recordar: el navegador estilo Metro en la actual Preliminar de Desarrollo de Windows es para desarrolladores, no para usuarios finales. Es un trabajo orientado a la comunidad de desarrollo, para que pueda disponer ya de la experiencia de consumidor (por ejemplo, actualizando ciertas librerías obsoletas de los sitios Web que no funcionan bien en IE10, o comprobando que los sitios que funcionan sin plug-ins para otros dispositivos también funcionan bien con el navegador estilo Metro).

Un mismo motor, dos experiencias

Dado que es fundamental conseguir un excelente soporte para HTML5 tanto en el IE para desktop como en el IE estilo Metro, hemos adaptado la arquitectura del motor de IE10 para hacerlo operativo con ambas experiencias. Las dos comparten el mismo historial de navegación, la lista de direcciones escritas, las configuraciones y resto de elementos. El motor común ofrece una experiencia consistente, tanto en velocidad como en seguridad y potencia, tanto para los sitios web actuales como para las aplicaciones estilo Metro:

Rendimiento. Internet Explorer estilo Metro tiene el mismo rendimiento, líder del mercado, que el IE para escritorio. Incorpora las mismas características de aceleración por hardware para gráficos, vídeo y audio, JavaScript compilado y nuevas optimizaciones en el motor de restitución y formato para mejorar la respuesta en interacción táctil.
Seguridad. IE estilo Metro comparte las mismas medidas de seguridad, fiabilidad y privacidad que el IE de desktop, las más avanzadas del mercado. Entre otras: SmartScreen, filtro XSS y navegación InPrivate
HTML5. IE estilo Metro se mantiene dentro del mismo modelo avanzado de programación Web basado en HTML5 que la versión de escritorio. En BUILD presentamos nuevo soporte para las funcionalidades CSS Text Shadow, Transiciones y Animaciones y Transformaciones 3D, las APIs de HTML 5 IndexedDB, Web Sockets y File, el Historial HTML5, división de palabras (guiones) y la Cache de Aplicación de HTML5 aparte de otras novedades que ya habían aparecido en las Preliminares de Plataforma de IE10.

Si quieres leer más sobre el IE para escritorio y sobre los detalles técnicos del motor de navegación Trident y el motor de JavaScript Chakra, te recomiendo el Blog de IE.

Rediseño del navegador como aplicación estilo Metro

Cuando decidimos replantearnos el navegador para convertirlo en una aplicación estilo Metro, vimos que estábamos ante un nuevo modelo que podía hacer avanzar la web.

Por ejemplo, el estilo Metro es envolvente. En el caso de una página Web en IE estilo Metro no aparece ningún tipo de elemento visual que distraiga la atención. Podemos utilizar gestos estándar para conseguir la funcionalidad que, de otra forma nos haría perder la atención a lo que aparece en la Web. Podemos buscar y compartir información desde IE estilo Metro utilizando “charms” igual que se hace con otras aplicaciones estilo Metro, Podemos utilizar el charm de Dispositivos, por ejemplo, para reproducir y proyectar vídeos desde las páginas web en dispositivos externos. Podemos acoplar IE lado contra lado con otra aplicación estilo metro. El uso de sitios web junto con aplicaciones estilo Metro es sencillo porque están diseñados para trabajar juntos.

El nuevo estilo Metro es bastante más que un diseño visual. Por ejemplo, nos permite entrar en nuestros sitios web importantes tecleando menos. Verás una lista en pantalla, que puedes manejar con los dedos, de los sitios web de usados frecuentemente y los sitios anclados cuando abres una nueva pestaña o cuando se muestra la barra de direcciones:

El navegador estilo metro muestra una lista visual, manejable con el tacto, de los sitios web de acceso frecuente y anclados.

Al escribir en la barra de direcciones, va filtrando esta lista. Cuando nos movemos por las pestañas abiertas, la barra de direcciones aparece al momento, de modo que podemos ir al sitio web que queramos si no está abierto aún:

Pestañas abiertas y barra de direcciones en el navegador estilo metro

Las funciones de corrector ortográfico y auto-completar también nos evitan tener que escribir mucho a la hora de utilizar direcciones web. Puedes ver que incluso puedes navegar con InPrivate y Protección Anti-tracking.

Para que los sitios web que más te interesan estén más accesibles, puedes anclarlos a la nueva ventana de Inicio de Windows 8, de la misma forma que anclamos las aplicaciones estilo Metro.

Anclado de un sitio web en la ventana Inicio

IE10 ofrece controles (como check box y radio buttons) con más espacio alrededor, para que sea más fácil su uso con los dedos. Los desarrolladores pueden hacer sus páginas web mucho más adaptadas a la interfaz táctil empleando patrones web estándar como CSS para modificar el estilo de los controles. Por ejemplo, aquí vemos un control HTML5 de tipo selector de rango de valores con una imagen personalizada de fondo:

Control HTML5 con imagen de fondo personalizada en IE10 (arriba), en Chrome (abajo a la izquierda),
y en Mozilla Firefox (abajo a la derecha)

El IE estilo Metro soporta las funciones de desplazamiento y zoom con gestos de los dedos. Las páginas se muestran de manera rápida y fluida, igual que el resto del sistema, debido a que el motor de HTML5 aprovecha toda la potencia de la aceleración por hardware. Puedes comprobarlo con el rendimiento de las funciones de desplazamiento (pannning) y scroll de los contenidos.

Aquí tienes una demo que muestra este rendimiento y otras características de la experiencia de navegación:

Descarga este vídeo para reproducirlo en tu reproductor preferido:
MP4 de alta calidad | MP4 de menor calidad

IE estilo metro: pensando en el futuro

Nosotros vemos nuevas oportunidades que pueden hacer evolucionar la web como resultado de esta nueva experiencia de navegación. Existe un trabajo por delante para los desarrolladores de sitios web, que pueden aprovechar las ventajas que se les ofrecen. La interfaz táctil es sumamente importante, también lo es tener una experiencia envolvente. Las oportunidades que se abren ahora son inmensas, visto la enorme cantidad de tiempo que la gente dedica a visitar la web.

La Preliminar de Desarrollo de Windows es para desarrolladores, no para usuarios finales. Por ejemplo, aún queda mucho por hacer para garantizar que todos los sitios web que ahora funcionan sin plug-ins con otros dispositivos, pueden también funcionar igual en IE10. De la misma forma, algunos sitios pueden necesitar poner al día unas librerías obsoletas que no funcionan correctamente con IE10. También es importante que el navegador actual para escritorio ofrezca el mismo nivel de compatibilidad que todo el mundo pide a una nueva versión de Windows.

Los pesimistas pueden criticarnos por tener lo que ellos denominan “dos navegadores”. En realidad solo hay un único motor de navegación que podemos utilizar bajo dos “pieles”. Con el tiempo, la experiencia estilo Metro estará presente en más y más escenarios de navegación del consumidor, aun reconociendo que el navegador para escritorio sigue jugando un papel fundamental en las actividades de muchas personas. Podemos definir nuestro estilo por defecto, pero también cambiar sin problemas de uno a otro o utilizar cualquier otro navegador con Windows 8.

Los pesimistas seguramente tratarán de poner en tela de juicio hasta qué punto son necesarios los distintos aspectos de cada estilo de navegador. Si tienes intención de permanecer inmerso todo el tiempo en el mundo de Metro, puedes hacerlo. Ni siquiera vas a ver el escritorio, y Windows no cargará el código salvo que tú lo arranques de manera expresa. Pero si para ti tiene valor la experiencia de escritorio –por su control más preciso, la potencia del sistema de ventanas y la gestión de archivos, por compatibilidad con ciertos complementos, todas estas capacidades siguen estando a tu disposición de la manera más directa, con solo pulsar un botón. En la arquitectura y el diseño hemos puesto un cuidado especial en ofrecer una experiencia sin compromisos ni renuncias, adaptada a tus necesidades, aunque solo lleves un dispositivo. En definitiva, que puedas navegar con total comodidad.

FUENTE: Dean Hachamovitch - http://blogs.msdn.com/b/b8/archive/2011/09/14/metro-style-web-browsing-one-engine-two-experiences-no-compromises.aspx

Soporte para Hyper-V en Windows 8

esmsdn — Tue, 07 Feb 2012 15:01:00 GMT

En este artículo vamos a hablar sobre cómo será el soporte para las tecnologías de virtualización en el sistema operativo de “cliente” Windows. Es una tecnología inicialmente pensada para Windows Server, donde ha demostrado su capacidad y ha tenido un gran éxito, pero queríamos mover la virtualización para abrir una serie de escenarios nuevos a usuarios de Windows profesionales. Entre ellos, los que más han merecido nuestra atención son el de los desarrolladores de software que trabajan en múltiples plataformas, clientes y servidores, y el de los profesionales de TI que necesitan gestionar clientes y servidores virtualizados de forma sencilla y transparente. Mathew John es Jefe de Programa de nuestro equipo de Hyper-V y es quien ha redactado este artículo. Una cosa a tener presente es que, como sucede con el resto de funcionalidades, aquí se habla de versiones preliminares y no de lo que será el producto final, puesto que muchas decisiones se irán tomando en fases más avanzadas del proyecto.

Tanto si sois desarrolladores de software como administradores de TI o simplemente os gusta el tema, muchos de vosotros necesitáis ejecutar varios sistemas operativos, normalmente en distintas máquinas. No todos tenemos posibilidad de montar un laboratorio completo con toda la gama de máquinas que nos gustaría, y es por eso que la virtualización es tan útil, ya que nos ahorra mucho tiempo, dinero y esfuerzo.

A la hora de desarrollar Windows 8 hemos tratado de que pueda ejecutar Hyper-V, la tecnología de virtualización que ha formado parte de las dos últimas versiones de Windows Server, parea que funcione también dentro del S.O. del cliente. En pocas palabras, Hyper-V nos permite ejecutar más de un sistema operativo de 32 y 64 bits al mismo tiempo sobre la misma máquina. En vez de trabajar directamente con el hardware del ordenador, el sistema operativo se ejecuta dentro de una máquina virtual (VM).

Hyper-V permite a los desarrolladores mantener sin dificultad múltiples entornos de test y es una alternativa sencilla para alternar entre dichos entornos sin tener que preparar hardware adicional. Por ejemplo, nosotros hemos publicado máquinas virtuales preconfiguradas con versiones antiguas de Internet Explorer para ayudar a los desarrolladores web. El administrador de TI tiene la ventaja adicional que supone poder emplear la misma máquina virtual y una misma experiencia de gestión con Hyper-V tanto en Windows Server como con el cliente Windows. Además sabemos que muchos de vosotros utilizáis la virtualización para probar novedades sin que supongan un riesgo para el PC que utilizáis habitualmente.

Introducción a Hyper-V

Hyper-V requiere un sistema operativo de 64 bits que disponga de la función SLAT (Second Level Address Translation). SLAT es una característica presente en la generación actual de procesadores de 64 bits de Intel y AMD. Así que necesitas una versión de Windows 8 de 64 bits y como mínimo, 4 Gb. de RAM. Hyper-V soporta la creación de sistemas operativos en VM tanto de 32 como 64 bits.

La memoria dinámica de Hyper-V permite asignar la memoria que necesitan las VMs y des-asignarla dinámicamente (se puede especificar un valor máximo y mínimo) y compartir la memoria no utilizada entre las VMs en ejecución. Se pueden ejecutar 3 ó 4 VMs en una máquina con 4 Gb de RAM, pero para 5 o más máquinas virtuales hay que añadir memoria. En el otro extremo del espectro, podemos crear grandes VMs con 32 procesadores y 512 Gb de RAM.

Para el acceso a las VMs a través de una interfaz de usuario, Windows ofrece dos mecanismos: la Consola de VM y la Conexión de Escritorio Remoto.

La Consola de VM (conocida también como VMConnect) es una vista en modo consola de las VMs. Ofrece una vista unificada en un mismo monitor de las VMs con resolución máxima de 1600x1200, en 32 bits de profundidad de color. Esta consola nos permite ver todo el ciclo de ejecución de las VMs desde el proceso de arranque.

Si necesitamos una experiencia más rica, podemos conectar con la VM utilizando una conexión de escritorio remoto (RDC). Con RDC, la VM aprovecha las funcionalidades que ofrece el PC físico. Por ejemplo, si tenemos varios monitores, la VM puede mostrar su salida de pantalla en todos esos monitores. De igual manera, si tenemos una interfaz multi-táctil en el PC, la VM puede utilizarla para disfrutar de una experiencia táctil. La VM además tiene plenas capacidades multimedia y es capaz de utilizar elementos del hardware físico como altavoces o micrófono. El S.O. raíz (esto es, el S.O. Windows que administra las VMs) puede también compartir su portapapeles y carpetas con las VMs. Y finalmente, con conexiones RDC podemos conectar dispositivos USB directamente a la VM.

En el caso del almacenamiento, podemos añadir múltiples discos a los controladores IDE o SCSI disponibles en la VM. Podemos utilizar discos duros virtuales (archivos .VHD o .VHDX) o discos reales que se pasan directamente a través de la máquina virtual. Los VHDs pueden también estar alojados en un servidor de archivos remoto, con lo que resulta más sencillo el mantener y compartir una misma serie de VHDs configurados o predefinidos para trabajar en equipo.

La funcionalidad de Hyper-V llamada “Live Storage Move” sirve para que las VMs tengan un grado muy amplio de independencia con respecto al almacenamiento. Con esta función podemos mover el almacenamiento de una VM desde un disco local a otro, a un pendrive USB o a un sistema remoto de almacenamiento compartido sin tener que parar la VM. Esta funcionalidad me ha resultado particularmente útil para realizar despliegues rápidos: cuando necesito una VM de urgencia, arranco una desde una biblioteca de VMs que tengo en una carpeta compartida y después traslado el almacén de la VM a mi disco local.

Otra gran ventaja de Hyper-V es la posibilidad de obtener instantáneas de una máquina virtual mientras se ejecuta. Una instantánea guarda todo el contexto de la máquina virtual en el momento de su creación y nos permite volver a un punto anterior en el tiempo de vida de una VM. Es además una herramienta muy potente para depurar problemas complejos. Al mismo tiempo, las máquinas virtuales de Hyper-V conservan todas las ventajas de manejabilidad de Windows. Windows Update puede aplicar actualizaciones y parches sobre los componentes de Hyper-V, así que no tenemos que definir procesos de mantenimiento adicionales. Y Windows ofrece todas las capacidades que le son inherentes cuando se instala Hyper-V sobre él.

Dicho esto, la virtualización también tiene sus limitaciones. Ciertas funcionalidades o aplicaciones que dependen de un hardware concreto no funcionan bien sobre VMs. Por ejemplo, Windows BitLocker y Measured Boot, requieren TPM (Trusted Platform Module), puede que no funcionen correctamente en una VM, y lo mismo ocurre en ciertos juegos y aplicaciones que necesitan acceder directamente a las GPUs (sin ofrecer ningún mecanismo de fallback por software). Además, ciertas aplicaciones que dependen de timers por debajo de los 10 milisegundos, como por ejemplo ciertas aplicaciones de alta precisión y sensibles a la latencia como son algunas aplicaciones de edición de vídeo o audio, pueden presentar problemas a la hora de funcionar en VM. El S.O. raíz también se ejecuta sobre la capa de virtualización de Hyper-V, pero es un caso especial puesto que tiene acceso directo a todo el hardware. Es por eso que las aplicaciones con requisitos especiales de hardware siguen funcionando bien en el S.O. raíz, pero las de alta precisión, sensibles a la latencia, aún pueden seguir presentando problemas a pesar de ejecutarse sobre el S.O. raíz.

Como recordatorio, no olvidemos que sigue siendo necesaria una licencia para cada uno de los sistemas operativos que se utilizan en las VMs.

Este es un vídeo que nos muestra de forma resumida, cómo funciona Hyper-V en Windows 8.

Descarga este vídeo y reprodúcelo en tu reproductor favorito:
MP4 de alta calidad | MP4 de menor calidad

Soporte para la comunicación de VMs a través de adaptadores de red inalámbrica

Como has podido ver en la demo, la creación de una conexión de red externa es algo tan simple como seleccionar un adaptador de red físico (NIC) de una lista desplegable y pulsar OK. Esto ya funciona perfectamente con Windows Server Hyper-V, pero para tener resultados similares en Windows 8 necesitamos que funcione con NICs inalámbricas, lo que supone un nuevo reto.

El problema

El switch virtual en Hyper-V es un “switch de nivel 2”, lo que quiere decir que conecta (esto es, determina la ruta que van a seguir ciertos paquetes Ethernet) utilizando las direcciones MAC que identifican de manera exclusiva a cada adaptador de red (tanto físicos como virtuales). La dirección MAC de las máquinas de origen y destino se envían en todos los paquetes Ethernet y el switch de nivel 2 utiliza estas direcciones para determinar a dónde tiene que enviar un paquete recibido. Un switch virtual externo se conecta al mundo exterior mediante una NIC física. Los paquetes Ethernet originados en una VM con destino a una máquina del mundo exterior se envían a través de esta NIC física. Esto quiere decir que la NIC física ha de ser capaz de gestionar el tráfico desde todas las VMs conectadas a este switch virtual, y por tanto, implica que los paquetes que se mueven a través de la NIC física van a contener diferentes direcciones MAC (una por cada NIC virtual de las VMs). Esta posibilidad está soportada en tarjetas de red de cable físicas (estando en modo promiscuo), pero no está soportada en tarjetas de red inalámbrica dado que el canal inalámbrico establecido por la tarjeta WiFi y su punto de acceso solo admite paquetes Ethernet con la dirección MAC de la tarjeta WiFi y ninguna otra. Dicho en otras palabras, Hyper-V no podría utilizar tarjetas WiFi para dotar switches externos si no cambiamos la actual arquitectura de switch virtual.

Figura 1: tráfico de red entre VMs y máquinas externas utilizando conexiones de cable

La solución

Para superar esta limitación hemos utilizado la solución de Microsoft Bridging que implementa la funcionalidad de proxy ARP (para IPv4) y Proxy de Descubrimiento de Vecinos (Neighbor Discovery Proxy) para IPv6, a fin de sustituir las direcciones MAC de los adaptadores de red virtuales con las direcciones MAC de los adaptadores WiFi para los paquetes salientes. El bridge mantiene una tabla de correspondencias entre las direcciones IP de las NIC virtuales y sus direcciones MAC para garantizar que los paquetes procedentes del mundo exterior se entregan en la NIC virtual adecuada.

Hyper-V integra el bridge dentro del proceso de creación del switch virtual de manera que cuando creamos un switch virtual externo utilizando una tarjeta de red WiFi, sigue estos pasos:

Crea un bridge específico conectado a la tarjeta WiFi
Crea el switch virtual externo
Enlaza el switch virtual externo para utilizar el bridge en lugar de atacar directamente a la tarjeta WiFi física

Bajo este modelo, la conmutación de paquetes Ethernet sigue teniendo lugar dentro del switch virtual y la traducción de direcciones MAC sucede en el bridge. A los efectos del usuario final que está creando una red externa, el flujo es el mismo, tanto con una red de cable como con una tarjeta inalámbrica.

Figura 2: tráfico de red entre VMs y máquinas externas utilizando conexión WiFi

En conclusión, al incorporar Hyper-V al cliente Windows, ahora disponemos también de una potente tecnología de virtualización diseñada para cubrir las necesidades de escalabilidad, seguridad, fiabilidad y rendimiento de la mayoría de centros de datos. Con Hyper-V los desarrolladores y profesionales de TI van a poder diseñar entornos más eficientes y económicos para usar y testear a través de múltiples máquinas.

--Mathew John

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/09/07/bringing-hyper-v-to-windows-8.aspx

Saludos,

El equipo de MSDN España

Escribir con rapidez y precisión en IE10

esmsdn — Tue, 07 Feb 2012 08:32:00 GMT

Escribir de forma rápida y precisa es una de las actividades más críticas de la experiencia de usuario en cualquier programa de software. Cuando utilizamos un dispositivo que no tiene teclado, el poder disponer de una buena entrada de texto es aún más importante. Windows 8 dispone de algunas capacidades que mejoran notablemente esta experiencia de introducción de textos en cualquier dispositivo, y el corrector ortográfico es una de ellas.

El corrector ortográfico de Windows 8 le permite identificar palabras mal escritas mientras se escribe; las palabras que suelen escribirse incorrectamente se resuelven de forma automática y lanza acciones correctoras en otros casos. En Windows 8 el soporte para la corrección ortográfica se extiende a las aplicaciones ejecutadas sobre el sistema operativo, entre ellas IE10. Obviamente, la corrección de ortografía también se ofrece como funcionalidad del navegador IE10 en todas las versiones soportadas de Windows (incluyendo Windows 7).

Corrección automática

IE10 ofrece la primera implementación de corrección automática basada en navegador. En algunos casos, una palabra mal escrita es tan frecuente que es mejor corregirla de forma inmediata en vez de esperar a la revisión final. En el caso poco frecuente de que la corrección automática cambiara algo que no queremos que cambie, podemos deshacer el cambio mediante la combinación de teclas CTRL+Z en el teclado, o mediante el ratón y seleccionando la opción de corrección automática desde el menú contextual. Además de con el ratón, el menú de corrección automática se puede activar desde el teclado moviendo el punto de inserción dentro de la palabra y pulsando SHIFT+F10 (esta combinación de teclas hace que aparezca el menú contextual). En el menú de corrección automática tenemos la opción de evitar la autocorrección de la misma palabra en apariciones futuras.

En el caso de palabras susceptibles de corrección automática, pulsando CTRL+Z deshacemos los cambios, o también desde un menú contextual, donde aparecen otras opciones adicionales.

Puedes probar la función de corrección automática en mi demo de test drive; incluye una pequeña lista de algunas de las palabras que con más frecuencia se escriben incorrectamente y que se corregirán de forma automática.

Identificación de palabras y Menú de Acciones Correctivas

Ninguna experiencia de corrector ortográfico estaría completa sin los consabidos subrayados en rojo que todos conocemos, ya que son los que aparecen en los programas de Office que utilizamos a diario.

Por defecto, cuando introducimos texto en cualquier elemento textarea de HTML (un cuadro para introducir texto en varias líneas) o en cualquier región de contenidos HTML editables, el motor del corrector ortográfico nos va a revisar la última palabra que hemos escrito. La palabra se comprueba contra un diccionario asociado con el idioma del teclado en uso. Si esa palabra está mal escrita o repetida, se identificará como posible error utilizando este conocido subrayado en forma de ondas rojas. La identificación de posibles palabras incorrectas o repetidas se hace en segundo plano, por lo que no ralentiza la entrada de textos.

El menú de acciones correctivas sugiere palabras alternativas y opciones para añadir la palabra incorrecta a un diccionario propio, o ignorar la corrección. Funciona con todos los idiomas soportados (p.ej. el portugués, como se ve aquí)

El menú de acciones correctivas nos ofrecerá las alternativas más probables para la palabra identificada. Podemos cambiar esa palabra por alguna de las sugeridas en un solo paso eligiéndola desde ese menú. Además podemos también:

Añadir al diccionario. Tu cuenta de usuario de Windows incluye un diccionario particular (que en principio está vacío). Puedes añadir palabras utilizadas frecuentemente (en mi caso siempre tengo que añadirle mi apellido). En Windows 8 este diccionario particular viaja con el propio usuario a cualquier otro equipo con Windows 8 que pueda utilizar desde la nube.
Ignorar. La palabra ya no se identificará como errónea en posteriores apariciones dentro de esta página. Cuando salgas de ella, la lista de palabras ignoradas se limpia y en otros documentos volverá a aparecer como posible error.

Corrector ortográfico en distintos idiomas

Cada una de estas utilidades de corrección ortográfica (la corrección automática y la identificación de palabras con menús de acción correctiva) utilizan diccionarios instalados en el PC local. En la versión Preliminar de Desarrollo de Windows ya vienen preinstalados todos los diccionarios para todos los idiomas soportados. Muchos de los idiomas incluyen además distintas variables locales entre las cuales se puede ir alternando en el nuevo panel de control de idioma, que ha sido rediseñado para esta versión. Todas las opciones de revisión ortográfica se pueden administrar desde el panel de control de idioma en Windows 8. En Windows 7 la experiencia de administración del corrector ortográfico para IE10 se ofrecerá desde el propio navegador IE10. En un futuro post lo explicaré con más detalle.

El cuadro de opciones de idioma para Windows 8 para el idioma portugués (Brasil), incluyendo diversas variantes de preferencias para el deletreo de palabras

Internet Explorer 10 soporta la corrección ortográfica en muchos de los principales idiomas del mundo. En esta lista tienes los diccionarios de ortografía soportados, y las variantes idiomáticas y locales disponibles.

En ocasiones necesitamos diccionarios de términos muy especializados, por ejemplo en ciertos sectores que tienen su propia jerga, o en idiomas que no se hablan de forma habitual, como ocurre con el latín. Para estos casos, la facilidad de corrección ortográfica de Windows 8 dispone de soporte para motores de revisión ortográfica de terceros. Una vez instalado un motor ortográfico externo, tanto IE10 como todos los demás componentes de Windows empezarán a utilizarlo.

Opciones para el desarrollador Web

Como comentaba antes, la corrección ortográfica se aplica por defecto a los elementos HTML textarea y contenteditable, los campos de introducción de textos en una línea única no se comprueban puesto que casi siempre se utilizan para introducir nombres de usuario y para fines donde la corrección ortográfica no suele ser aplicable. Hemos intentado determinar unos buenos valores por defecto, pero si en tu sitio Web necesitas cambiar alguno de ellos, también puedes hacerlo. El atributo ‘spellcheck’ definido en HTML5 permite al desarrollador modificar la forma de trabajo por defecto del corrector ortográfico para un elemento concreto y todos sus elementos hijos.

Si añadimos un valor de atributo spellcheck=false a cualquier elemento, desactivamos la función de corrección ortográfica para todos los elementos textarea, contenteditable e input type=text hijos del elemento dado (incluyendo al propio elemento también). Si indicamos el atributo spellcheck=true habilitamos la función en estos mismos casos, y podemos utilizar esta técnica también para modificar el valor correspondiente heredado de un elemento padre en el árbol del DOM. Por ejemplo, si queremos desactivar la corrección ortográfica en todos los elementos textarea de una página con una única excepción, podemos definir el atributo spellcheck=false al elemento BODY y después añadir un atributo spellcheck=true a un elemento textarea concreto donde sí queramos que se aplique esa función.

Puedes probar estas posibilidades en la demo de corrector ortográfico de IE en el sitio de test drive.

El atributo spellcheck ofrece a los desarrolladores una gran flexibilidad para adaptar las experiencias en sus Webs a las necesidades de los usuarios.

La corrección ortográfica en varios idiomas

Sabemos que muchos clientes hablan y escriben en más de un idioma. Es importante que el motor de corrección ortográfica utilice el idioma adecuado cuando escribimos y que sea fácil cambiar de idioma cuando lo necesitemos.

En IE10, la selección del idioma para corrección se decide tras realizar una evaluación de los siguientes aspectos de configuración (por orden de prioridad):

El atributo HTML lang. El desarrollador Web conoce el diseño y el propósito del sitio web y puede controlar qué idioma está asociado a cada parte de sus páginas y webs (en escenarios multi-idioma).
El idioma asignado al teclado. En Windows 8 es bastante sencillo para los usuarios indicar qué idiomas le interesan y cambiar de uno a otro sobre la marcha. Para cambiar el idioma utilizado por el motor de corrección ortográfica al introducir el texto basta con cambiar el idioma del teclado. Si se han configurado dos o más idiomas (o dos o más disposiciones de teclado), simplemente pulsa la tecla Windows y la barra espaciadora. En el teclado en pantalla también disponemos de una tecla para alternar los idiomas de teclado.
El idioma elegido para ejecutar Windows.

Cambio de idioma de teclado utilizando la combinación Windows+Barra Espaciadora o con la tecla de idioma en el teclado en pantalla táctil

La corrección ortográfica es una funcionalidad de IE10; aunque se integra completamente con Windows 8, nosotros queremos que todos los usuarios de IE10 se beneficien de sus ventajas, también los usuarios de IE10 sobre Windows 7. Hablaré más sobre la experiencia de IE10 en Windows 7 en un artículo futuro.

La corrección ortográfica en el navegador mejorará la precisión y la velocidad a la que vamos a poder escribir en la web. Sin duda estoy muy contento de tener esta opción a mi alcance y ¡también tengo claro que aquellas personas con las cuales me comunico online lo van a agradecer sin duda!

FUENTE: Travis Leithead - http://blogs.msdn.com/b/ie/archive/2011/11/08/typing-with-speed-and-accuracy-in-ie10.aspx

Saludos,

El equipo de MSDN España

Las mejores apps/juegos del sorteo semanal

esmsdn — Mon, 06 Feb 2012 09:12:00 GMT

Hemos decidido premiar las mejores aplicaciones y juegos que han participado en el sorteo semanal de 5 Nokia Lumia 800 que ha tenido lugar desde el 5 de Diciembre hasta el pasado 29 de Enero (http://msdn.microsoft.com/es-es/windowsphone/hh553489). Las mejores aplicaciones y juegos han sido seleccionados atendiendo a criterios de diseño, experiencia de usuario e interés y relevancia para el consumidor. Cada uno de los publicadores de estas aplicaciones recibirá como premio un Nokia Lumia 800 y unos días de promoción en el Marketplace de Windows Phone en España y en las mejores aplicaciones de la semana en MSN (http://tecnologia.es.msn.com/windows-phone-7/aplicaciones/).

Las aplicaciones y juegos ganadores son los siguientes:

JATDRummy (jatd)

Un excitante juego donde poner a prueba tu mente creando secuencias de piezas según las reglas del juego

Descarga: http://www.windowsphone.com/es-ES/apps/0f2e25a2-5279-4909-b9d9-28cd44bc284c

Aloud (Alex Casquete)

Un lector de RSS que lee en voz alta las noticias de tus sitios preferidos

Descarga: http://www.windowsphone.com/es-ES/apps/c59b960c-8455-43d2-8561-0d49bd09d3e9

Gasolineras GPS (Tr3net)

Encuentra la gasolinera más barata donde repostar gasolina y ahorrarte unos euros.

Descarga: http://www.windowsphone.com/es-ES/apps/29a15188-216a-4a0b-824b-66ae45c84b0c

boPlace (General de Software)

Guarda notas de tus lugares favoritos y compártelas con tus amigos.

Descarga: http://www.windowsphone.com/es-ES/apps/92c1957f-5f13-44d8-aebe-7b75dcaf6fa8

Starzzle Seasons (Bionic-Thumbs)

Un adictivo puzzle donde deberás ayudar al protagonista a recoger todas las estrellas de navidad.

Descarga: http://www.windowsphone.com/es-ES/apps/ecbfba02-3e97-4dd0-b8d1-48b7dde248f0

Crystals Free (Kitin Games)

Destruye todos los cristales antes de que se acabe la partida en este juego de reflejos.

Descarga: http://www.windowsphone.com/es-ES/apps/7936b95d-d9ca-4594-87c7-ae39e9ae36a6

Ultra Air hockey 3 (X25 Entertainment)

Escoge un equipo y compite en el torneo de Ultra Air Hockey

Descarga: http://www.windowsphone.com/es-ES/apps/70ee9d55-2496-4578-a0d6-22212550273d

Las recetas del Chef (Javier Suárez Ruiz)

Recetas de cocina gratis, explicadas paso a paso y organizadas por categorías. Que rico!

Descarga: http://www.windowsphone.com/es-ES/apps/d4b912b5-0dd6-496c-9329-d1cc05f30ca1

Camera Effects (Mobilendo SL)

Añade efectos a tus fotografías y compártelas por Facebook o skydrive.

Descarga: http://www.windowsphone.com/es-ES/apps/58d07c4d-8a29-4afd-b820-9413c599813f

Larry Birds Basket Pro (Porral Twinware)

Juega a este emocionante juego de baloncesto multijugador con tus amigos.

Descarga: http://www.windowsphone.com/es-ES/apps/cdaaa978-108d-467a-90da-b6749583d59c

¡Enhorabuena a los ganadores!

Nos gustaría por otro lado recordaros los recursos más importantes de los que disponéis para asegurar una gran experiencia de usuario y una buena calidad en vuestras aplicaciones y juegos:

Material de Windows Phone Design Day(pestaña de Windows Phone Design Day): Presentaciones y sesiones grabadas con todos los detalles sobre el sistema de diseño de Windows Phone (Metro) y las directrices más importantes para que nuestras aplicaciones tengan la mejor experiencia de usuario.
Cómo hacer que tus aplicaciones brillen en Windows Phone: Artículo sobre los elementos más importantes a la hora de asegurar una buena experiencia de usuario
Errores más comunes de diseño en aplicaciones Windows Phone: Artículo sobre los errores más comunes en el diseño de aplicaciones

Por último, recordad que disponemos de muchos mecanismos para asegurar el éxito de vuestras aplicaciones como por ejemplo la promoción de las mismas por varios canales. Podéis encontrar más detalles en Gana dinero con tus aplicaciones de Windows Phone

Un saludo

El equipo de Windows Phone España

Diseño para estilo metro y para el escritorio

esmsdn — Mon, 06 Feb 2012 08:33:00 GMT

Hemos pensado que sería un buen momento para hablar sobre el punto en que nos encontramos en cuanto a la interfaz de usuario de Windows 8.

Hasta ahora has podido ver dos elementos diferentes del diseño de Windows 8: el primero, una interfaz de usuario estilo Metro que hemos mostrado anteriormente en un vídeo que han podido ver millones de personas. Y hace poco hemos descrito en este mismo blog algunas de las mejoras que estamos incorporando a ciertas herramientas muy conocidas del escritorio Windows, como es el Explorer y el cuadro diálogo de copia de archivos. Nos hemos encontrado que estos cambios han dado lugar a muchos comentarios.

Algunos de vosotros probablemente os estaréis preguntando cómo funcionan estas partes de forma conjunta para dar lugar a una experiencia armoniosa. ¿Tenemos dos interfaces de usuario? ¿Por qué no pasamos todo a la experiencia de estilo Metro? Por otro lado, otras personas consideran que Metro es sólo útil en tabletas y pantallas táctiles y que no debemos “embutir” todo Windows 8 dentro de ese diseño.

Se trata de lograr un punto de equilibrio y seguramente hablaremos mucho de eso en este blog en los próximos meses. Disponer de ambas interfaces de usuario juntas de manera armónica es un objetivo muy importante en Windows 8. Como punto de partida para este análisis, os comento cómo hemos abordado el diseño de Windows 8 desde sus primeras etapas.

Empezamos a planificar Windows 8 durante el verano de 2009 (antes de que saliera al mercado Windows 7). Desde el primer momento nuestra idea ha sido replantearnos Windows por completo y mantener nuestras mentes abiertas a reconsiderar incluso los aspectos más básicos del modelo de usuario, la plataforma y las APIs, así como las arquitecturas soportadas. Nuestro objetivo era un diseño sin ataduras.

Se trata de una estrategia realmente ambiciosa, involucra las herramientas, APIs, lenguajes, convenciones de interfaz de usuario e incluso algunas de los presunciones más básicas que afectan al PC. Por ejemplo ¿Cómo se aíslan las aplicaciones unas de otras, o cómo se evita que unas aplicaciones se coman toda la carga de la batería? ¿Cómo podemos conseguir que instalar (y desinstalar) aplicaciones sea tan rápido y sencillo como cambiar el canal de la TV? ¿Cómo podemos atraer a la máxima cantidad de desarrolladores posibles a esta nueva plataforma? ¿Cómo podríamos crear una interfaz táctil en primera instancia con un solo punto de vista?

Cuando empezamos a mostrar las primeras demos de Windows 8 presentamos nuestra nueva experiencia llamada Metro –rápida, fluida, envolvente, atractiva y centrada en las aplicaciones. Estamos seguros de que a medida que vayamos mostrando más en los próximos meses, podrás percibir hasta qué punto hemos remodelado Windows. El estilo metro es mucho más que un diseño visual, como veremos a continuación.

Al mismo tiempo, sabemos que Windows 7 ha tenido un gran éxito. No es solo una cuestión de cifras de ventas o de la cantidad de gente que lo utiliza, sino también de la intensidad con que se utiliza. Cientos de millones de personas dependen de la interfaz de usuario de Windows 7 y de las aplicaciones y dispositivos que funcionan con Windows a diario, y de nosotros valoran (y esperan) que sigamos manteniendo los aspectos positivos de esta experiencia en sus próximos PCs.

A la luz de todo esto, el papel que juega el escritorio Windows es evidente. Es donde funcionan los cientos de miles de aplicaciones que la gente utiliza hoy día, entre ellas una inmensa cantidad de programas de software de empresa y se ofrece un nivel de precisión y control que es esencial para ciertas actividades. Las cosas que hoy en día hacen los usuarios en un PC no van a borrarse de un plumazo por el hecho de que existan ahora aplicaciones nuevas con estilo Metro. Los procedimientos y elementos de interfaz que hoy utilizan los usuarios (ratones, teclados físicos, touchpads) no dejan de repente de tener utilidad ni son “malos” porque ahora la interfaz táctil se considere la opción de primera instancia. Estas herramientas y medios, casi siempre, son los más ergonómicos, rápidos y potentes para realizar muchas de las tareas posibles con el ordenador.

Nosotros éramos conscientes al rediseñar la interfaz de usuario de Windows 8 de que no ibais a cambiar de la noche a la mañana y convertir toda esta herencia en algo completamente nuevo. En realidad eso es una idea que a ciertos usuarios les causa cierto temor. Pero otros ya han dicho que es el único camino que podemos seguir. Ahora, incluso aquellos que se han pasado con entusiasmo a las tabletas, también disponen de un portátil para esas ocasiones en que necesitan un control más preciso o tienen que utilizar alguna de las aplicaciones de misión crítica (y que aún están en desarrollo). Tener que emplear dos tipos de dispositivos diferentes no es lo que quieren los usuarios, los programas de “escritorio remoto” para las tabletas y teléfonos se han hecho muy populares, pero son intentos un tanto torpes de emular la utilidad y la potencia del escritorio de Windows 7 dentro de un nuevo factor de forma.

¿Y por qué no empezamos desde cero? ¿Por qué no eliminamos todas las funcionalidades del escritorio y solo ponemos la experiencia Metro? ¿Por qué no “convertimos” todo a Metro? Los argumentos para la “tabla rasa” son bien conocidos, tanto a favor como en contra. Hemos optado por seguir el camino de crear un diseño sin ataduras con el pasado. Un diseño que asimile de verdad lo mejor de los dos mundos que podemos ver hoy en día. Nuestra perspectiva descansa sobre la base de una arquitectura de PC abierta, que ha demostrado ser flexible y adaptable a lo largo de numerosos cambios muy importantes en la evolución del hardware y con respecto a los nuevos paradigmas de software. Esta flexibilidad ha sido la piedra angular gracias a la cual han podido desarrollarse todas las transformaciones habidas en los últimos años sobre la interfaz de usuario, en la conectividad, en los modelos de programación y en las capacidades del hardware (por solo mencionar unas pocas).

Creemos que existe un hueco para una orientación más elegante, quizás más sibarita. Ahora tenemos una interfaz estilo Metro atractiva, rápida y fluida, y una enorme variedad de aplicaciones nuevas que podemos utilizar. Estas aplicaciones tienen nuevos atributos (una plataforma) que va bastante más lejos que lo que supone un estilo gráfico (y mucho más que va a tener en su versión definitiva). Como hemos mostrado, ofrece una experiencia táctil increíble y también funciona con ratón, teclado y otros dispositivos de entrada. Y si lo que quieres es no salir nunca de este mundo de Metro, no vas a ver el escritorio –ni siquiera lo vamos a cargar (dicho de otra forma: el código literalmente no se cargará), salvo que indiques de manera explícita que quieres ir al escritorio. Esto es lo que significa “reimaginar Windows”.

Pero si consideras que la experiencia de escritorio es importante –por la precisión de su control, la potencia de su sistema de ventanas y la gestión de archivos, por su compatibilidad con cientos de miles de programas y dispositivos que ya existen, porque lo necesitas para ejecutar el software de tu empresa- estas capacidades las tienes a tu disposición también. No necesitas cambiar a un dispositivo diferente si quieres editar fotos o películas con medios profesionales, o crear documentos en tu trabajo o en el colegio, administrar grandes cantidades de documentos o datos, o realizar la innumerable cantidad de cosas que hace la gente hoy en día en sus equipos. Y si no quieres hacer ninguna de estas “cosas de PCs”, realmente no tendrás que hacerlas ni tendrás que renunciar a parte de memoria del equipo, duración de la batería o uso de recursos del hardware. Si quieres o necesitas estas funcionalidades, puedes pasar a ellas de manera sencilla y fluida, porque lo que hay detrás es Windows. Básicamente debes pensar que el escritorio de Windows no es más que otra de las aplicaciones.

Windows 8 combina toda la potencia y la flexibilidad que tenemos en los PCs actualmente con la capacidad de disfrutar de la experiencia del estilo Metro. ¡No hay que renunciar a nada!. Puedes tener un equipo que haga todo lo que quieres y necesitas. Puedes conectarlo a los periféricos que quieras. Puedes utilizar dispositivos diseñados para conseguir pantallas de gran formato y otros periféricos. Puedes utilizar dispositivos convertibles que pueden ser atractivas tabletas en un momento y potentes portátiles al rato siguiente.

Lo que nos devuelve otra vez a las mejoras que estamos incorporando en la experiencia de escritorio: creemos en el escritorio de Windows. Es capaz de poner en marcha las experiencias que a día de hoy convierten al PC con Windows 7 en el dispositivo más popular del mundo. Así que, aunque creemos que con el tiempo muchos nuevos escenarios estarán mejor servidos con aplicaciones estilo metro, previsiblemente en el futuro el escritorio seguirá jugando un papel muy importante en la vida de muchas personas. Por eso queremos mejorarlo. Mantenemos un diálogo permanente con la gente para saber qué piensan sobre nuestra estrategia al respecto del diseño y las posibilidades que se nos abre, pero también queremos poner estas posibilidades dentro de un contexto más amplio, como es el de la incuestionable utilidad del escritorio.

Nuestro objetivo está claro: no queremos ataduras. Si quieres, puedes cambiar sin problemas entre las aplicaciones de estilo Metro y el escritorio Windows mejorado. Las aplicaciones, dispositivos y herramientas actuales seguirán utilizándose y mejorarán en Windows 8. Por otro lado, si lo que quieres es sumergirte exclusivamente en las aplicaciones de estilo Metro (y en la plataforma) y utilizar esta nueva experiencia de usuario, ¡también puedes!. Los desarrolladores pueden hacer uso de las APIs más apropiadas para el tipo de software que quieran crear. La gente puede discutir sobre si necesitan o no ciertos aspectos del producto, pero esto siempre ha sido así. Todo ello es posible gracias a la enorme flexibilidad de Windows.

Esto es solo el principio de la discusión. Hablaremos largo y tendido a medida que vayamos profundizando en otros detalles de la interfaz de usuario de Windows 8. Estamos generando una experiencia totalmente nueva, reconsiderando todo desde el nivel del puro hierro hasta la experiencia del usuario, para abrir el camino a nuevas posibilidades, nuevos escenarios, nuevas aplicaciones y nuevas formas de utilizar el PC

FUENTE: Steven Sinofsky - http://blogs.msdn.com/b/b8/archive/2011/08/31/designing-for-metro-style-and-the-desktop.aspx

Saludos,

El equipo de MSDN España

Cómo conectar tu sitio Web a tu aplicación Windows 8

esmsdn — Wed, 01 Feb 2012 08:44:00 GMT

Las aplicaciones de estilo Metro de Windows 8 conducen las experiencias de los sitios web a una nueva dimensión. Con las aplicaciones estilo Metro ahora podemos crear experiencias más envolventes, más bonitas y mejor conectadas con otras aplicaciones y con el resto del entorno Windows. Las aplicaciones pueden emplear el Runtime de Windows para ofrecer funcionalidades que van mucho más allá de lo que es posible desde un navegador por sí solo, como por ejemplo el acceso directo a archivos y carpetas, la integración con Windows 8 Charms para buscar y compartir contenidos y la interacción con dispositivos conectados al equipo. La tienda Windows Store nos va a ofrecer una excelente experiencia de usuario a la hora de navegar, buscar y descargar las aplicaciones que más interesan a los usuarios. En este post voy a comentar las características de Internet Explorer en estilo Metro en Windows 8 que permiten conectar los sitios Web a las aplicaciones. Además vamos a ver los mecanismos que los desarrolladores Web tienen a su disposición para crear esta conexión.

Navegar para buscar aplicaciones

Navegar por la web es la forma natural de encontrar y conectarnos a aplicaciones estilo Metro. Internet Explorer estilo metro te permite saber cuándo están disponibles las aplicaciones para tus sitios preferidos. Empezando por la barra de direcciones, puedes comprar de la forma más sencilla las aplicaciones desde la tienda Windows Store y puedes pasar a utilizar las aplicaciones instaladas desde sus sitios Web asociados.

Después de crear una aplicación estilo Metro, los desarrolladores pueden llegar a la audiencia actual del sitio Web simplemente añadiendo un poco de código HTML a las páginas, para establecer una conexión con sus aplicaciones. Esta conexión facilita a los usuarios el descubrimiento de las aplicaciones directamente desde la barra de direcciones de Internet Explorer estilo Metro cuando visitan el sitio web.

Acceso a la aplicación

Basta con navegar a tus sitios Web preferidos y descubrir que tienen aplicaciones asociadas con ellos, mediante el icono del propio site. El icono del site se convierte en un botón en el momento en que IE descubre que hay una aplicación para ese sitio. Pulsando en él vemos la descripción de la aplicación disponible en la Windows Store.

Paso a la aplicación

Cuando estamos dentro de un sitio web con una aplicación estilo Metro instalada y asociada a él, podemos cambiar directamente a esa aplicación utilizando el botón del site. Por ejemplo, un amigo nos envía un enlace a un contenido Web mediante el correo o por alguna red social, y el enlace abre el navegador estilo Metro. Si existe alguna aplicación asociada a este sitio web, podemos pulsar en el icono del sitio web y seleccionar “Switch to the app,” para arrancarla, de modo que tendremos el mismo contenido dentro de la aplicación.

Podemos ver cómo funciona en el vídeo siguiente (en inglés):

Este vídeo muestra cómo Internet Explorer estilo Metro conecta sitios web con aplicaciones estilo Metro de Windows 8

El trasfondo

Los desarrolladores pueden asociar sus sitios web con sus aplicaciones para Windows 8 mediante un sencillo código de markup en el propio sitio web, incluyendo las siguientes etiquetas META en el elemento <head> de sus páginas. Ambas etiquetas son necesarias para que Internet Explorer estilo Metro visualice el icono del sitio web como botón.

Cuando ambas etiquetas están presentes, IE estilo Metro las utiliza para determinar si la aplicación ya está instalada en el PC y, en caso contrario, ofrecer un enlace directo a la página de descripción de la misma en Windows Store. La versión de escritorio de IE10 sobre Windows 8 no ofrece este enlace automático.

Estas dos etiquetas necesarias son algunas delas cinco posibles etiquetas <META> que existen para controlar la interacción sitio web/tienda/aplicación. Esta es la lista completa:

nombre	contenido
msApplication-ID	Obligatoria. El ID de la aplicación relativa al paquete, dentro del Manifiesto de la Aplicación. Se utiliza para enlazar el sitio web a la aplicación.
msApplication-PackageFamilyName	Obligatoria. El Nombre de Familia del Paquete correspondiente a la aplicación creada con Visual Studio en el momento de su publicación. Se utiliza para enlazar el sitio web con la tienda.
msApplication-Arguments	Opcional. Es un argumento en forma de cadena de texto que se pasa a la aplicación. Por defecto, IE pasa el URL de la página Web, pero podemos utilizarlo para enviar cualquier cadena de texto que nos interese.
msApplication-MinVersion	Opcional. Indica el número mínimo de versión exigido para la aplicación instalada. Si el usuario quiere pasar desde la página Web a una aplicación obsoleta, antes se le hace pasar por la Tienda para actualizarla.
msApplication-OptOut	Opcional. Permite utilizar de manera optativa toda o parte de estas funcionalidad: “install” impide que se ofrezca al usuario la posibilidad de instalar la aplicación si no la tiene ya instalada “switch” impide que el usuario pueda tener la opción de pasar a una aplicación ya instalada “both” evita la presentación de ambas posibilidades al usuario.

Procesamiento de msApplication-Arguments

Los desarrolladores pueden crear las mejores experiencias para los consumidores si se aseguran de que hay un contexto adecuado para pasar del sitio web a la aplicación. Por ejemplo, en el vídeo anterior, cuando el usuario pasa a la aplicación mientras está leyendo un comentario sobre un teléfono en el sitio web, la aplicación lleva automáticamente al usuario hacia ese mismo artículo sobre el teléfono, pero dentro de la aplicación. Con ello los usuarios disponen de una experiencia continua y fluida de paso desde el sitio web a la aplicación.

Esto se hace con msApplication-Arguments. La cadena de contexto de esta etiqueta meta se pasa a la aplicación como argumento. La aplicación analiza este parámetro y lleva a los usuarios al contenido relevante desde este nuevo entorno.

El siguiente fragmento de código muestra cómo se gestiona este parámetro en una aplicación estilo Metro escrita en HTML/JavaScript:

// Function available in default.js file in Visual Studio Express 11 templates provided in Developer Preview Build

WinJS.Application.onmainwindowactivated = function (e) {

if (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {

// Insert this code to handle incoming argument when Metro style Internet Explorer launches the app

if (e.detail.arguments) {

// Parse the value of the msApplication-Arguments string

// Direct incoming user to relevant in-app content

}

Este fragmento podría utilizarse en una aplicación estilo Metro creada en XAML/C#

// Function available in App.xaml.js file in Visual C# templates provided in Developer Preview Build Visual Studio Express 11

partial class App

{

protected override void OnLaunched(LaunchActivatedEventArgs args)

{

// Insert this to handle incoming arguments, when Metro Style Internet Explorer launches the app

if (!String.IsNullOrEmpty(args.Arguments))

{

// Parse the value of the msApplication-Arguments string

// Direct incoming user to relevant in-app content

}

Conclusión

Internet Explorer estilo Metro permite al usuario descubrir y experimentar la Web a través de aplicaciones estilo Metro asociadas. Con ello los programadores pueden derivar a la audiencia actual de sus sitios web hacia sus aplicaciones, y con ello habilitar nuevas oportunidades para interactuar con los usuarios y ofrecerles una experiencia mucho más rica y avanzada desde Windows 8.

Fuente: Rahul Lalmalani - http://blogs.msdn.com/b/ie/archive/2011/10/20/connect-your-web-site-to-your-windows-8-app.aspx

Saludos,

El equipo de MSDN España

Gestión de la entrada táctil y el ratón en todos los navegadores

esmsdn — Mon, 30 Jan 2012 08:24:00 GMT

La interacción táctil con los sitios y aplicaciones Web nos abre una vía para la mejora de su usabilidad y ubicuidad, teniendo en cuenta que la Web y las aplicaciones de estilo Metro de Windows 8 juegan un papel fundamental de cara a los dispositivos táctiles que podremos disfrutar en el futuro.

En este post explicamos cómo los desarrolladores Web pueden utilizar el nuevo modelo de evento de puntero IE10 junto con el modelo de evento táctil iOS y el modelo de evento de ratón del W3C (en su versión extendida) para crear manejadores de código compatibles con diferentes navegadores con interfaz táctil, de ratón y de puntero.

Como introducción nada más: tengo la suerte de tener un Tablet PC Samsung 700T con la versión Preliminar de Desarrollo de Windows. Con él he podido disfrutar de las demos de interfaz multi-táctil en IE Test Drive llamadas Touch Effects y Lasso Birds. Igual que me ha ocurrido a mí, posiblemente habéis podido comprobar que Lasso Birds funciona en distintos dispositivos y navegadores, aparte de IE10. Por ejemplo, su interfaz táctil funciona también en dispositivos iOS. En este post hemos tomado prestadas ciertas pautas de Lasso Birds y las hemos generalizado y extendido para incluir versiones de navegadores más antiguas.

Podéis ver la demo en la dirección original. Debería funcionar en vuestros navegadores. A continuación hay un análisis de los patrones de código y ciertas lecciones que he podido aprender con esta experiencia.

El código

El algoritmo básico para dibujar con el modelo de ratón es bien sencillo:

var drawingStarted = false;

function DoEvent(eventObject) {

if (eventObject.type == "mousedown") {

drawingStarted = true;

startDraw(eventObject.pageX, eventObject.pageY);

}

else if (eventObject.type == "mousemove") {

if (drawingStarted) {

extendDraw(eventObject.pageX, eventObject.pageY);

}

else if (eventObject.type == "mouseup") {

drawingStarted = false;

endDraw();

}

El único cambio que hay que hacer para que funcione con los eventos de puntero de IE10 es tener en cuenta que se pueden tener apoyados en pantalla más de un puntero a la vez, cada uno identificado con un valor “pointerID” distinto. El modelo de puntero de IE10 dispara eventos independientes MSPointerDown, MSPointerMove y MSPointerUp para cada puntero en el momento en que cambian sus estados.

var drawingStarted = {};

function DoEvent(eventObject) {

eventObject.preventManipulation(); // without this, instead of drawing, you pan

var pointerId = eventObject.pointerId;

if (eventObject.type == "MSPointerDown") {

drawingStarted[pointerId] = true;

startDraw(pointerId, eventObject.pageX, eventObject.pageY);

}

else if (eventObject.type == "MSPointerMove") {

if (drawingStarted[pointerId]) {

extendDraw(pointerId, eventObject.pageX, eventObject.pageY);

}

else if (eventObject.type == "MSPointerUp") {

delete drawingStarted[pointerId];

endDraw(pointerId);

}

Para adaptar el modelo de ratón original al modelo de evento táctil de Apple iOS es preciso recorrer la lista de changedTouches para cada evento touchstart, touchmove y touchend porque en el modelo de iOS los cambios de estado que suceden al mismo tiempo se empaquetan dentro de un solo evento. Igual que con el modelo de puntero de IE10, cada punto de toque se designa con un identificador único.

var drawingStarted = {};

function DoEvent(eventObject) {

eventObject.preventDefault(); // without this, instead of drawing, you pan

for (var i = 0; i < eventObject.changedTouches.length; ++i) {

var touchPoint = eventObject.changedTouches[i];

var touchPointId = touchPoint.identifier;

if (eventObject.type == "touchstart") {

drawingStarted[touchPointId] = true;

startDraw(touchPointId, touchPoint.pageX, touchPoint.pageY);

}

else if (eventObject.type == "touchmove") {

if (drawingStarted[touchPointId]) {

extendDraw(touchPointId, touchPoint.pageX, touchPoint.pageY);

}

else if (eventObject.type == "touchend") {

delete drawingStarted[touchPointId];

endDraw(touchPointId);

}

Si refundimos los tres algoritmos individuales tenemos que tener en cuenta las diferencias entre los nombres de eventos y los nombres de atributo de los identificadores únicos de puntero, así como la falta de un identificador en el caso del modelo de ratón.

En el modelo refundido, que os muestro más abajo, he añadido también una comprobación de que la posición “move” ha cambiado realmente, porque el modelo de puntero de IE10 transmite los eventos MSPointerMove con las mismas coordenadas x, y cuando se establece un punto de contacto con la pantalla pero no se mueve. Al eliminar estos movimientos redundantes, evito las llamadas a extendDraw() que no hacen nada. He resuelto esta comprobación guardando la última posición (valores x e y) de un inicio o un movimiento en el objeto lastXY y luego, tras comprobar que existe una entrada lastXY para un id concreto, lastXY sustituye al objeto drawingStarted utilizado en los dos ejemplos anteriores.

var lastXY = {};

function DoEvent(eventObject) {

// stop panning and zooming so we can draw

if (eventObject.preventManipulation)

eventObject.preventManipulation();

else

eventObject.preventDefault();

// if we have an array of changedTouches, use it, else create an array of one with our eventObject

var touchPoints = (typeof eventObject.changedTouches != 'undefined') ? eventObject.changedTouches : [eventObject];

for (var i = 0; i < touchPoints.length; ++i) {

var touchPoint = touchPoints[i];

// pick up the unique touchPoint id if we have one or use 1 as the default

var touchPointId =

(typeof touchPoint.identifier != 'undefined') ? touchPoint.identifier :

(typeof touchPoint.pointerId != 'undefined') ? touchPoint.pointerId : 1;

if (eventObject.type.match(/(down|start)$/i)) {

// process mousedown, MSPointerDown, and touchstart

lastXY[touchPointId] = { x: touchPoint.pageX, y: touchPoint.pageY };

startDraw(touchPointId, touchPoint.pageX, touchPoint.pageY);

}

else if (eventObject.type.match(/move$/i)) {

// process mousemove, MSPointerMove, and touchmove

if (lastXY[touchPointId] && !(lastXY[touchPointId].x == touchPoint.pageX &&

lastXY[touchPointId].y == touchPoint.pageY))

{

lastXY[touchPointId] = { x: touchPoint.pageX, y: touchPoint.pageY };

extendDraw(touchPointId, touchPoint.pageX, touchPoint.pageY);

}

else if (eventObject.type.match(/(up|end)$/i)) {

// process mouseup, MSPointerUp, and touchend

delete lastXY[touchPointId];

endDraw(touchPointId);

}

Estos ejemplos ignoran explícitamente los problemas de registro para recibir los eventos o para asegurarse de que se aplican al elemento de dibujo. Para conseguir que todo esto funcione de verdad y con todos los navegadores (incluyendo las versiones de Internet Explorer anteriores a IE9), vamos a tener que hacer unas cuantas cosas más. Los que estéis interesados podéis utilizar la versión final de clase de dibujo multi-navegador y multi-táctil, aquí.

Si creamos código compatible con la interfaz táctil además de para el ratón, nuestros sitios web podrán funcionar en prácticamente todos los navegadores, tanto en equipos de escritorio como tabletas o teléfonos.

Fuente: Ted Johnson - http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx

Saludos,

El equipo de MSDN España

Efectos de Filtro SVG en IE10

esmsdn — Thu, 26 Jan 2012 08:34:00 GMT

Scalable Vector Graphics (SVG) es, para los desarrolladores, un lenguaje declarativo basado en markup que permite crear contenidos interactivos avanzados dentro de sus sitios Web. Con los Efectos de Filtro de SVG, soportados en IE10 dentro de la versión Preliminar de Desarrollo de Windows, disponen además de una colección de efectos de imagen potentes que se pueden aplicar a todos los elementos SVG. Al igual que sucede con todos los contenidos de las páginas Web en IE9, los efectos de Filtro SVG en IE10 se benefician de la aceleración por hardware, con un rendimiento asombroso que abre las puertas a nuevas oportunidades a la hora de crear contenidos de usuario real.

Demo de Filtros SVG en el sitio Web IE Test Drive

Introducción a los filtros SVG

Los Efectos de Filtro de SVG extienden las capacidades gráficas de la web. Un Filtro SVG define una operación sobre una entrada gráfica. Igual que sucede con otros elementos de HTML, los filtros son de naturaleza declarativa y disponen de un DOM de apoyo para su manipulación dinámica. Un filtro se aplica a un elemento SVG por medio del atributo “filter” bajo la sintaxis filter="url(#filterId)", o también se aplican como propiedad CSS: filter:url(#filterId). Cada filtro se compone de una o más primitivas de filtro, que son los bloques básicos de que disponemos para crear efectos de complejidad creciente. Cada uno aplica un efecto básico a un gráfico. Para generar efectos completos, podemos encadenar juntas varias primitivas de filtro de manera que la salida de una sirve de entrada para la siguiente. Cuando un filtro se aplica a un elemento SVG, dicho elemento se utiliza como gráfico de fuente para el filtro en la primera acción de filtrado en cadena.

Una imagen de un cerdito hecho en SVG antes (imagen de la izquierda) de aplicar un filtro SVG y después (derecha) de aplicarlo

Disponemos de 16 primitivas de filtro distintas. Nos permiten incorporar efectos que van desde aplicar fuentes de luz a transformaciones matriciales o difuminados de tipo Gaussiano y otros muchos más. Los Filtros SVG nos permiten aplicar y manipular efectos fácilmente, muy al estilo de Photoshop. En la misma línea que el resto de SVG, los resultados son escalables, manteniendo una calidad alta en cualquier resolución. La definición del filtro se refleja totalmente en el DOM igual que el elemento original SVG. Los efectos se pueden retirar fácilmente eliminando el atributo del filtro. La imagen original, sin filtro, puede recuperarse de esta forma. Las primitivas de filtro varían enormemente para cubrir una gama muy amplia de posibilidades, pero existen algunos rasgos comunes entre todas ellas. La mayoría de las primitivas tienen uno o dos parámetros de entrada y normalmente hacen referencia al elemento origen, el canal alfa del elemento origen o la salida de otra primitiva de filtro. Al disponer de una serie de parámetros de entrada, aumenta la cantidad de efectos posibles.

Todas las primitivas de filtro nos permiten indicar un identificador para su salida de modo que dicha salida pueda ser referenciada en un momento posterior. Aunque las primitivas de filtro utilizan la salida de la primitiva de filtro previa por defecto, las cadenas de filtro no tienen que ser necesariamente lineales. De hecho, las cadenas de filtro más complejas, sobre todo las que utilizan primitivas con múltiples valores de entrada, suelen ser no lineales.

Aquí tenemos una primitiva de filtro sencilla en acción:

La primitiva de filtro feColorMatrix aplica una matriz de transformación sorbe los valores RGBA de cada pixel en la entrada. Podemos definir una matriz personalizada o utilizar una palabra clave. Con este filtro podemos aplicar fácilmente una escala de grises a los elementos SVG, o modificar sus colores de cualquier manera. A continuación muestro un ejemplo del uso de la palabra clave hueRotate y vemos cómo desplaza los tonos de cada pixel 180 grados en el lado opuesto de la rueda de color.

<filterid="myHueRotate">

<feColorMatrixtype="hueRotate"values="180"/>

</filter>

</g>

La imagen SVG del cerdito antes (izquierda) y después (derecha) de aplicar un filtro feColorMatrix

Ejemplos de primitivas de Filtro SVG

El siguiente es un ejemplo de iluminación de una figura. Tenemos dos primitivas de filtro de iluminación a elegir: feDiffuseLighting y feSpecularLighting. Hay otros tres filtros de luz disponibles: feDistantLight, fePointLight, y feSpotlight.

<filterid="lighting_filter">

<feSpotLightx="0"y="0"z="50"pointsAtX="300"pointsAtY="300"pointsAtZ="0"

limitingConeAngle="20"specularExponent="5"/>

</feDiffuseLighting>

</filter>

<gid="myPig"filter="url(#lighting_filter)">

</g>

Figura del cerdito SVG antes (izquierda) y después (derecha) de aplicar un filtro de iluminación

Como podemos ver, el filtro de iluminación por sí solo genera una imagen en escala de grises de un mapa de luz. En la esquina superior izquierda, en la coordenada (0,0,50) hay un filtro de punto de luz que despliega un haz de luz en dirección a la esquina inferior derecha, creando la forma gris en el rectángulo negro. El filtro de luz es bastante más útil si se usa en combinación con otro filtro.

<filterid="lighting_filter">

<feDiffuseLightingresult="result1">

<feSpotLightx="0"y="0"z="50"pointsAtX="300"pointsAtY="300"pointsAtZ="0"

limitingConeAngle="20"specularExponent="5"/>

</feDiffuseLighting>

<feCompositeoperator="arithmetic"k1="1"k2="0"k3="0"k4="0"

in="SourceGraphic"in2="result1"/>

</filter>

Hemos añadido al final de la cadena de filtros una primitiva feComposite que, como puedes ver, tiene dos parámetros de entrada: SourceGraphic, que es la imagen original del cerdito a la cual se aplicará el filtro, y el resultado del filtro de iluminación. La primitiva feComposite realiza una operación de composición de las dos entradas. Es muy interesante a la hora de combinar múltiples salidas de otras primitivas, ya que es capaz de generar un mapa de iluminación más complejo a partir de varias fuentes de luz. En este caso el resultado del filtro de iluminación se multiplica por el gráfico del cerdito, y el valor resultante es el dibujo que se muestra aquí: el haz de luz sobre la cara del personaje.

La imagen del cerdito SVG después de aplicar el filtro de iluminación y multiplicarlo por la imagen original. A la izquierda, con fondo transparente. A la derecha: el filtro se aplica al cerdito SVG y a un objeto <rect> en blanco, detrás de él.

Con la ayuda del filtro feComposite podemos llevar a cabo fácilmente una operación de “sobre-composición”, esto es, integrar los resultados de varias primitivas de filtro unas sobre otras para generar una imagen compuesta. El elemento <feMerge> es una primitiva de filtro muy importante, ya que consigue precisamente esto: combinar los resultados de varias primitivas de filtro unas sobre otras. <feMerge> simplifica el proceso gracias a sus elementos hijos <feMergeNode>, lo que nos permite combinar más de dos resultados de primitivas de filtro con la operación “over” de una sola vez.

Otra primitiva de filtro que interesa destacar es la feImage, que nos permite añadir imágenes adicionales dentro del filtro. Se puede utilizar para referenciar una imagen externa u otros elementos SVG. La imagen puede utilizarse después como entrada para otra primitiva de filtro.

El cerdito SVG después de aplicar un filtro que multiplica la imagen con una foto de un paisaje

Estos son solo unos pocos ejemplos de primitivas de filtro SVG. La lista completa se puede consultar en la Especificación de Efectos de Filtro SVG.

Cuándo debemos utilizar los filtros SVG

Lo primero, los filtros SVG se pueden utilizar dentro de herramientas de edición de imágenes y diseño para dar un aspecto más interesante a los elementos SVG. Pueden añadir sensación de profundidad o crear apariencias que de otra manera no serían posibles con SVG. También se pueden utilizar para conseguir una gran variedad de resultados, aparte de lo que aportan las herramientas de edición.

Un efecto muy demandado en la web ese el efecto de sombreado de textos CSS. Aunque el sombreado de textos no se aplica a los textos SVG, el efecto se puede conseguir también utilizando filtros SVG.

<filterid="myShadowFilter">

<feOffsetdx="5"dy="5"/>

<feGaussianBlurstdDeviation="3"/>

<feColorMatrixtype="matrix"values="0 0 0 0 .2, 0 0 0 0 1, 0 0 0 0 .75, 0 0 0 1 0"

result="shadow"/>

<feMergeNodein="shadow"/>

<feMergeNodein="SourceGraphic"/>

</feMerge>

</filter>

Este filtro genera un efecto de sombra cogiendo la figura del cerdito, desplazando 5 unidades de distancia en ambos ejes de coordenadas, luego le aplica un desenfoque Gaussiano, cambia el color a un verde azulado y finalmente combina la imagen original del cerdito con la sombra. Como ves, crear un efecto de sombreado para textos o imágenes SVG no es especialmente difícil.

El cerdito SVG después de aplicar un efecto de sombreado a la figura y al texto

Además de añadir volumen a las figuras SVG (que por definición son planas), los efectos de filtro se aplican también a imágenes de mapa de bits insertando dichos bitmaps dentro de un elemento <svg> utilizando el elemento <image>. Esto es especialmente interesante para lograr efectos de imagen dinámicos en el navegador. La sustitución de la imagen por cualquier otra es una operación sencilla, y también eliminar, intensificar o variar el efecto de un filtro mediante el DOM..

El cerdito SVG después de aplicarle un filtro SVG generado con Inkscape

Si tu navegador soporta filtros SVG, puedes visitar esta página para ver cómo cambia la luz en nuestro cerdito de ejemplo simplemente variando un atributo:

light1.setAttribute("elevation", currentValue);

El atributo filter es un atributo de presentación, es decir, puede aplicarse a los elementos mediante CSS y tiene todas las ventajas de la aplicación de estilos mediante CSS, incluyendo la posibilidad de aplicar efectos asociados a la pseudo-clase “hover”.

Vamos a probarlos

En IE10 seguimos mejorando la implementación de los Filtros SVG. Por ejemplo, sabemos que hay un problema con los filtros cuando se aplican a textos dentro de elementos <tspan> o <textPath>, que no funcionan en la Preliminar de Desarrollo de Windows 8. Es una incidencia que estará resuelta en las siguientes pre-versiones. Puedes probar ya los Filtros SVG en IE10 y en la Preliminar de Desarrollo de Windows, y darnos tu opinión en Connect.

También puedes probar la demo de Efectos de Filtro SVG en el sitio web IE Test Drive para hacerte una idea de cómo funcionan y en la Guía de Desarrollo de IE10 encontrarás más información sobre ellos. Puedes también desarrollar tu propia pila de primitivas de filtro para crear efectos personalizados. El desarrollo de filtros complejos puede ser una tarea bastante complicada. Los programadores expertos en temas de gráficos o con una buena base matemática pueden disfrutar mucho manejando estos filtros. A otros seguramente les gustarán más ciertas aplicaciones como Inkscape, que incluyen filtros SVG preconfigurados listos para utilizar y parametrizar a nuestro gusto. Con la combinación adecuada de filtros podemos conseguir mil y un efectos para nuestras páginas. ¡Esperamos ver pronto vuestras creaciones!

FUENTE: Jennifer Yu - http://blogs.msdn.com/b/ie/archive/2011/10/14/svg-filter-effects-in-ie10.aspx

Saludos,

El equipo de MSDN España

Creación de páginas avanzadas orientadas a textos en IE10

esmsdn — Tue, 24 Jan 2012 08:40:00 GMT

El navegador Internet Explorer 10 que se incluye en la Versión Preliminar de Desarrollo de Windows incluye dos nuevas funcionalidades de CSS pensadas para facilitar a los desarrolladores la labor de creación de páginas y aplicaciones avanzadas, orientadas a textos. La funcionalidad Regiones de CSS3 proporciona un mecanismo sencillo para mover contenidos entre áreas no contiguas. El soporte de IE10 para la función de Guiones condicionales de CSS3 permite insertar automáticamente los guiones para dividir palabras al final de las líneas en una serie de idiomas que admiten esa práctica.

Estas dos nuevas funcionalidades complementan a otras interesantísimas funcionalidades de CSS3 anunciadas con anterioridad como por ejemplo la disposición en rejilla (grid), la disposición en Caja Flexible, la disposición en múltiples columnas o el posicionamiento de elementos flotantes. Tomados todos estos estándares en su conjunto, suponen para los desarrolladores una nueva familia de herramientas que les van a permitir diseñar excelentes aplicaciones y sitios web con capacidad de escalar en diferentes resoluciones de pantalla y factores de forma.

Regiones de CSS3

Las Regiones de CSS3 son una nueva solución para controlar los desbordamientos de los contenidos. Aparte de los ya conocidos (barras de scroll, recorte de contenido o simplemente permitir que el contenido quede oculto fuera de los límites del contenedor), ahora los desarrolladores pueden enviar los contenidos que rebasan la superficie disponible de un elemento hacia otro utilizando un par de propiedades nuevas de CSS3.

Veamos en este ejemplo cómo se pueden utilizar las regiones de CSS3:

<!DOCTYPE HTML>

<html>

<head>

<style>

iframe {

-ms-flow-into: contentIdentifier; /* causes the iframe to hide */

}

#div1, #div2 {

-ms-flow-from: contentIdentifier; /* causes these elements' content to come

from the iframe with "-ms-flow-into: contentIdentifier" */

width: 120px;

height: 300px;

float: left;

border: solid 2px lightblue;

margin-right: 8px;

}

</style>

</head>

<body>

<iframesrc="content.html"></iframe>

<divid="div1"></div>

<divid="div2"></div>

</body>

</html>

CSS ha sido tradicionalmente un lenguaje de estilos optimizado para restituir los contenidos en páginas Web sin fondo, desplegables en sentido vertical. CSS define propiedades que los desarrolladores pueden utilizar para colocar los contenidos, como por ejemplo, ciertos mecanismos para controlar el desbordamiento (“overflow”), es decir, el manejo de los contenidos que no caben dentro de su espacio contenedor. Con frecuencia las páginas Web resuelven los desbordamientos añadiendo barras de desplazamiento (“scroll”). Los expertos en este tipo de asuntos han criticado con frecuencia el impacto que tienen estas barras en la velocidad de lectura y su comprensión.

Desde siempre ha sido todo un reto el crear diseños complejos para la Web orientados básicamente a la lectura de textos y que sean fáciles de leer (por ejemplo periódicos digitales o revistas), sin tener que depender fuertemente de las barras de desplazamiento.

Hace unos meses Adobe presentó su borrador CSS3 Regions ante el W3C con Alex Mogilevsky, de Internet Explorer, como co-editor. Las Regiones de CSS3 son, para los desarrolladores, una nueva alternativa y una novedad realmente valiosa en la plataforma Web. Internet Explorer 10, incluido en la Preliminar de Desarrollo de Windows, es la primera implementación de Regiones de CSS3 en formato con prefijo de fabricante (-ms-).

Para habilitar escenarios complejos, la especificación CSS3 Regions define además un evento, una propiedad y un método que, combinados, permiten crear y administrar zonas dinámicamente mediante JavaScript. Disponemos ya de una versión inicial con todas estas capacidades en IE10. El borrador actual de la especificación CSS3 Regions de W3C las describe en detalle.

La demo de ietestdrive.com llamada Hands On: CSS3 Regions nos ofrece un ejemplo interactivo de Regiones CSS3 en acción (se necesita Internet Explorer 10 en la Preliminar de Desarrollo de Windows).

Mientras las aplicaciones Web basadas en HTML5 siguen evolucionando, esperamos que los desarrolladores se interesen por las Regiones CSS3 y puedan crear diseños de texto complejos que se adapten de manera fluida a distintas resoluciones de pantalla y factores de forma.

Guiones condicionales de CSS3

La segunda funcionalidad desvelada en la Preliminar de Desarrollo de Windows es la llamada CSS3 Hyphenation. El soporte nativo en el navegador para CSS3 Hyphenation es una solución de altas prestaciones y calidad profesional para la ruptura condicionada de palabras dentro de los párrafos.

A lo largo de los últimos años, los hábitos de los usuarios y la plataforma Web han evolucionado notablemente. Cada vez más, los usuarios consumen contenidos Web desde una amplia gama de dispositivos, donde predominan ya los teléfonos, tabletas y netbooks. En estos dispositivos cabe menos texto en la pantalla y aparecen ciertos problemas con la tipografía, como por ejemplo, los “rios en blanco”, especialmente complicados de tratar.

Al mismo tiempo, algunas novedades de CSS3 como la presentación Multi-Columna, las Regiones o el posicionamiento de elementos flotantes han hecho su aparición en la Web. Estas funcionalidades nos permiten crear contenidos complejos orientados principalmente a textos, pero también suelen recortar el tamaño horizontal de las líneas, lo que aumenta la probabilidad de verse afectados por los problemas de tipografía más habituales.

Una columna de texto estrecha flotando alrededor de un elemento flotante posicionado sin aplicar el guion condicional de CSS3

Si queremos crear sitios y aplicaciones visualmente atractivos que hagan uso de las nuevas construcciones disponibles ya en CSS3 y que además sigan viéndose correctamente en una amplia gama de dispositivos, conviene disponer de una potente solución de ruptura de palabras e inserción de guiones en la plataforma Web.

A partir de la experiencia de Microsoft adquirida durante años de resolver la aplicación de guiones en textos en Microsoft Office, Internet Explorer 10 ahora soporta esta función en 18 de los idiomas más utilizados del mundo, como son el catalán, Checo, Danés, Holandés, Inglés, Francés, Alemán, Italiano, Noruego (Bokmål y nynorsk), polaco, portugués, portugués brasileño, ruso, español, sueco y turco (y también las variantes más comunes de estos idiomas, como el inglés de Reino Unido y EE.UU, por ejemplo).

Una columna de texto estrecha flotando alrededor de un elemento flotante posicionado, después de dividir las palabras mediante guiones

Visita nuestra demo Hands On: Multi-column Layout en la web ietestdrive.com si quieres practicar con la implementación CSS3 Hyphenation (necesitarás Internet Explorer 10 en la versión Preliminar de Desarrollo de Windows).

Qué cosas podemos hacer

Esperamos con gran interés ver pronto sitios web y aplicaciones creadas por vosotros utilizando las regiones y guiones de CSS3, y también las otras nuevas funcionalidades que incluye IE10. Si tenéis la oportunidad de probar todo esto, por favor enviadnos vuestros comentarios aquí, al IEBlog, o a http://connect.microsoft.com/ie/.

FUENTE: Christian Stockwell - http://blogs.msdn.com/b/ie/archive/2011/10/10/building-rich-text-centric-pages-in-ie10.aspx

MSDN España

HTML5 para Aplicaciones: la cuarta edición de la IE10 Platform Preview

Creación de aplicaciones con HTML5

Mejoras aplicadas al markup de HTML5

Presentación de la tienda Windows Store

Diseño orientado al descubrimiento

Alcance

Empresas

Modelos de negocio flexibles

Plataforma de transacción de la Tienda

Transacciones con terceros

Publicidad

Transparencia y rentabilidad

Rentabilidad de la Tienda

¿Y después?

Catálogo Soluciones en Windows Azure

Actualizar Live Tiles sin agotar la batería

Los objetivos de la plataforma de notificación

La plataforma de notificación “push”

El modelo de autenticación

Escalabilidad del servicio

Transparencia en el uso de recursos del Tile mediante el Administrador de Tareas

Resumen

Windows 8, preparado para conectarse a redes de telefonía móvil

Simplificar la experiencia con la banda ancha móvil

Ayuda para gestionar los enlaces y conexiones de radio

Cómo evitar las “facturas de infarto”

Resumen

Optimizar la IU para pantallas horizontales y verticales

Windows en modo apaisado

Windows en pantalla vertical

Rotación

Distintas pantallas

La rotación para los desarrolladores

Diseño de la búsqueda en la pantalla de Inicio

La evolución de la búsqueda desde el menú de Inicio

Búsquedas en la página de Inicio de Windows 8

Búsqueda de aplicaciones

Búsqueda de configuraciones

Búsqueda de archivos

Optimizar la búsqueda en la pantalla de Inicio

Diseñado para la interfaz táctil también

Reducir la memoria del runtime en Windows 8

Los objetivos del uso de memoria

Comparación de uso de memoria en el Administrador de Tareas

Haciendo hueco en Windows 8

Combinación de memoria

Cambios y recortes en los servicios

Hacer lo mismo con menos memoria

Inicialización “perezosa” del escritorio

Asignación de prioridades más detallada

El diseño de la pantalla de Inicio

Viveza con actividad

Personalización

Potencia y eficiencia

Teclado y ratón

Resumen

La evolución del menú de Inicio

Breve historia del menú de Inicio

¿Cómo se utiliza el menú de Inicio?

La “Barra de Inicio”

Una nueva oportunidad para el Inicio

Extender las aplicaciones para "Windows 8" a la nube con SkyDrive

Conecta tus aplicaciones con la nube de Live

Uso del Live SDK en tus aplicaciones

Utilizar el ID de Windows Live en tus aplicaciones estilo Metro

Acceso a contenidos de SkyDrive desde las aplicaciones

Colabora en la traducción de Windows 8

Inicio de sesión en Windows 8 con un ID de Windows Live

Ventajas de iniciar sesión en Windows 8 con un ID de Windows Live

Controles de usuario

Privacidad y seguridad

Uso de la versión Preliminar de Desarrollo de Windows 8 en un entorno virtualizado

Añadir personalidad a las páginas web con Transiciones y Animaciones de CSS3

El mismo código – excepto en el prefijo de fabricante

Transiciones

Animaciones

Dale un estilo personal a tus sitios web

Navegación sin complementos con HTML5 y el estilo Metro

Navegación estilo Metro: un motor, dos experiencias, sin renunciar a nada