Guía gratuita de diseño para Windows Phone 7 Series

Hoy seré breve, aquí os dejo un enlace para descargar la guía de diseño e interacción para Windows Phone 7 series, en ella se explica lo que se puede y no se puede (o no se debe) hacer con la parte gráfica y experiencia de usuario de Windows Phone 7 series. Es lo que vendría a ser el “manual” de la experiencia Metro. Yo ya le he echado una lectura rápida y merece la pena si deseamos crear aplicaciones con una calidad de presentación aceptable.

 

x10sctmp70

Enlace de descarga: [Aquí]

Un saludo a todos!

[MIX10] Algunos tips Silverlight en Windows Phone 7

Silverlight y XNA son la bases de Windows Phone, tal y como ya llevamos repitiendo desde hace un par de días. Hoy vamos a ver un poco mas a fondo lo que es la parte de Silverlight dentro del nuevo Windows Phone 7 series.

silverlight3

Esto es solo un pequeño resumen de todo lo que incluirá SilverLight en Windows Phone 7, en lo que se refiere principalmente a la integración con el dispositivo.

Silverlight para Windows Phone 7 series es Silverlight FUERA del navegador, es decir el navegador de Windows Phone 7 no soporta Silverlight (Al menos de momento)

El principal objetivo que se planteo Microsoft es utilizar el mismo código que utilizamos para nuestras aplicaciones web. Pero como en toda integración existe un proceso de la misma, y por el momento, no tenemos el 100 por 100 de la funcionalidad, de momento nos vemos limitados a la versión 3.0 por lo que aun faltan algunos controles muy útiles que no vienen en la actual versión de las herramientas de desarrollo para Windows Phone 7 Series (Silverlight) como puede ser el combo box por ejemplo.

El dispositivo utiliza aceleración por hardware par mejorar el rendimiento de las aplicaciones SL fuera  del navegador, esto hace que sea posible obtener un mejor rendimiento.

Introducción de datos

Por defecto el control de entrada de toda la vida el Texbox tiene ya integración con el teclado (ya sea hardware o software), aunque tenemos la pega con que el soporte para password aun no está disponible. Además ya tenemos filtros que podemos aplicar a las entradas de datos, de momento contamos con filtros para; texto, números, horas o fechas, teléfonos o direcciones de correo.

Por otro lado el control ScrollView ya tiene soporte para “pan and flick”.

Integración con el acelerómetro

Los proyectos para aplicaciones sl para Windows Phone ya tienen soporte integrado para utilizar el acelerómetro del dispositivo móvil, utilizarlo es tan facial como agregar una referencia a Windows.Phone.Sensors y crear una instancia de la clase AccelerometrerSensor y agregar un manejador a ReadingChanged.

Multimedia

Agregar un video es tan sencillo como agregar un MediaelEment y un video wmv a nuestro proyecto (no metáis el Señor de los Anillos que os estoy viendo ya), al igual que hacemos en nuestras aplicaciones Silverlight, también lo tenemos en Windows Phone 7.

Y por si alguno hecha de menos el poder “zumbar” al usuario también tenemos soporte para poder controlar la vibración del dispositivo.

Caracteristicas principales

  • Decodificacon por hardware
  • Soporte para MediaStreamSource
  • Reproducción de contenidos con DRM
  • XNA sound effect API con soporte para la reproducción en bucle de sonidos

Limitaciones

  • Solo un MediaelEment por “pantalla”
  • No soporta VideoBrush

El  control Navegador

  • Muestra contenidos de la red y contenidos locales.
  • Soporta pan, doble clic y hacer zoom
  • Soporta transformaciones y proyecciones
  • Interacción con JavaScript

Integración con el Sistema Operativo

  • Integración con los HUB del sistema
  • Accesos directos a sms, email, navegador, mapas, dialer, búsquedas, bing, etc.
  • acceso a los cuadros de dialogo (cámara, contactos, imágenes, etc)

Utilización de la cámara.

Contamos con camera capture dialog, para poder utilizar tenemos que agregar la referencia Windows.Phone.Tasks y utilizar el CameraCaptureTask para lazar el cuadro de captura del sistema. Pero tenemos la limitación que no podemos capturar video desde este cuadro de dialogo (aun).

La pega de cara a los cuadros de dialogo es que son CERRADOS, no podemos personalizarlos tal y como se puede hacer ya con Android.

Espero que os haya resultado interesante. Seguiremos informando.

Un saludo!!!

Libro de desarrollo para Windows Phone 7 series

Microsoft acaba de liberar el primer libro de desarrollo para Windows Phone 7 series. No es la versión definitiva pero ya esta disponible para su descarga, incluyendo código fuente de ejemplo, podéis encontrarlo en los siguientes enlaces y además es gratis (como todo lo que viene con Windows Phone 7 series)

A disfrutarlo!

image008

 

PDF http://download.microsoft.com/download/7/C/8/7C820C6F-C205-4ECF-B9F3-1505DD13F9BF/ProgWinPhonePreview.pdf

Ejemplos : http://download.microsoft.com/download/1/D/B/1DB49641-3956-41F1-BAFA-A021673C709E/CodeSamples_DRAFTPreview_ProgrammingWindowsPhone7Series.zip

[MIX10] Una nueva experiencia de usuario – Historia del concepto METRO

A raiz de la salida de Windows Phone 7 Series Microsoft a acuñado un nuevo concepto de diseño llamado Metro. ¿Que es esto de Metro? ¿podremos usar el transporte público con nuestras PDAs? ¿Elvis ha resucitado? pues no… nada de esto es cierto, tan solo que METRO es un concepto, no es un acrónimo es el nombre de un concepto, este que va mas allá de su origen…que os contare en este post, aunque ya os adelanto que sí está basado en el transporte público.

En lo que a interfaz de usuario corresponde hemos pasado de esto:

DSCN3393

A esto:

 

Tal y como veis en la primera imagen todos los rumores sobre la capa de presentación para Windows Phone 7 que vimos en el pasado fueron reales… pero no era lo que estaba buscando Microsoft para poder representar lo que querían, buscaban una nueva experiencia de usuario, algo que no fuese como el anterior Windows Mobile, ni como los productos de la competencia, todos estos sistemas (incluido Windows Mobile) estaban basados en funcionalidades, pero en funcionalidades en el mas estricto sentido de la palabra, tu equipo tiene iconos y estos lanzan aplicaciones, Microsoft ha buscado algo mas, ahora no son funcionalidades sino servicios… y es que hasta los propios puntos de entrada a los Hub nos ofrecen ya información sobre lo que ocurrirá cuando despleguemos su funcionalidad… pero esto es adelantar cosas.

La historia de Metro nace de los indicadores gráficos que podemos encontrar en estaciones de metro, aeropuertos estaciones de tren etc, estas señales son fruto de años de experiencia de uso… los usuarios estamos habituados a verlos, los vemos desde que somos niños, los vemos muchas veces a diario utilizando el metro, los vemos y aunque ya ni los miremos se vamos a otra ciudad o país sabemos interpretarlos. Esto es lo que ha buscado Microsoft para Windows Phone 7 series, quería algo que lo viese quien lo viese pudiese manejarlo con una curva de aprendizaje lo más rápida posible

Metro será el nombre que daremos a nuestro lenguaje de diseño, mas que un lenguaje es una filosofía y Microsoft según sus propias palabras lo ha llamado así porque es moderno y limpio, es rápido y dinámico,habla sobre el contenido de usuario y su experiencia dentro de un contexto.

Metro se basa en el principio de que un entorno debe ser: limpio, ligero, abierto y rápido.

Y cumplir las siguientes directrices

Sencillo de comprender

Tu aplicación debe ser sencilla, evitando opciones que no aportan un verdadero valor y que compliquen su navegación.

Enfocado a una tarea

Las aplicaciones deben centrarse en una tarea, no ser un compendio de funcionalidades ya que está demostrado que los usuarios solo utilizan un 30% de la funcionalidad.

Hacer mucho con muy poco

Un entorno sencillo significa una mas rápida puesta en marcha.

Eliminación de elementos innecesarios.

El uso de elementos decorativos no entra dentro de la experiencia METRO ya que desvían la atención de lo verdaderamente importante, la información.

Aprovechamiento de los espacios en blanco

Evitar dejar demasiados espacios en blanco, pero estos deben llenarse con información relevante, si no la hay mostrar la información disponible de modo que ocupe mas espacio.

Las fuentes de texto

las fuentes de texto ahora son fuentes elegantes y no solamente legibles.

Se trata de una experiencia viva, integrada en todo el sistema del teléfono, obtiene un entorno de uso totalmente compacto y ligado al contexto del uso, lo que nos debe causar (como usuarios) una impresión de que las aplicaciones de nuestro equipo actúan como un todo, por ello se utiliza el mismo estilo de fuente en todo el sistema, pudiendo jugar con la altura y anchura de las fuentes, así como con su estilo, todo para poder aportar una sensación de contexto.

El contenido frente a la decoración

La riqueza esta en los contenidos no en la decoración, por ello se han reducido los efectos visuales si no aportan información al usuario.

El diseño

Todas las aplicaciones deben estar centradas en un factor de forma definido, con Windows Phone 7 series esto se simplifica ya que (en principio) solo cuenta con un factor de forma (aunque ya se anunciado que contara con al menos uno mas). Debemos cumplir todos los anteriores puntos y por último ser directos.

Todo esto es lo que representa la experiencia Metro, y si, esto nos afectara a la hora de crear aplicaciones si queremos que realmente sean aplicaciones para Windows Phone 7 series y no simples parches funcionales XD

Aquí os dejo una imagen de como son los controles básicos para Windows Phone 7 (No están todos los que son pero si están todos los que hay)

 DSCN3395

Saludos!!!

[MIX10] KEYNOTE – escrito en directo desde Mandalay Bay

Tras un viaje un poco infame, perdida de maletas incluidas, llego por fin el día  del Keynote, en la introducción durante la espera Microsoft ha contado con un chavalín de 16 años Sterling Queen, que posiblemente podría utilizar el yoyo para matarte de 16 formas distintas antes de que tocases el suelo… perdonar la redacción pero va en directo desde la sala del keynote…

DSCN3345

Para abrir boca han mostrado una video sobre bing maps presentado por Blaise Aguera arquitecto de Bing Maps desde la representación 3D hasta la integración con telescope y con las fotos de los propios usuarios, una mezcla entre bing maps y photosynt. por lo que se ve ya esta integrado también con flickr, aunque esto realmente es solo una introducción y no una novedad. podéis ver mas en discoverbingmaps.com

Scott Guthrie vice presidente de corp, ha comentado los grandes avances que encontraremos en el desarrollo con silverlight y el futuro de las aplicaciones de negocio, el crecimiento del silverlithty ha llego al sesenta porciento de la cuota de mercado web, silverlight ha conseguido yna gran cuota de mercado gracias a su capacidad de utilizar y gestionar el streming de video.  y los editores de video que permiten maqueter toda una programación en tan solo unos minutos.

Expression blend 4 esta totalmente preparado para trabajar con Silverlight y será gratuito si tienes Expression Blend 3

Raji Arasu Vice presidente de desarrollo de producto de ebay y  Dave Wolf Vice presidente de estrategia de Cynergy los cuales han desarrollado una aplicación para facilitar la venta de productos a traves de ebay, totalmente creada con SL4… EN OCHO SEMANAS

Pero a lo que vamos, lo importante, que va a pasar con windows phone 7 series. presentado por Joe Belifore Vice presidente de windows phone microsfot, seguramente muchos ya le habréis visto en los videos de channel 9, pues aquí  ha mostrado lo mismo, las funcionalidades ya mencionadas tras el MWC, por lo que si queréis verlo tan solo tenéis que buscar el video. Al menos por lo que se esta viendo el nuevo sistema si representa un cambio, un cambio RADICAL, nada que ver con Windows Mobile, y nada que ver con Windows Phone 6.5, ni desde el punto  de visita de usuario y ni desde el punto de vista del desarrollador. Esto representará un cambio tanto desde el punto de vista del usuario (siempre hay algún camicace que usa windows mobile como teléfono, yo entre ellos :I ) ya que el interfaz es totalmente nuevo y mucho mucho mas atractivo, y desde el punto de vista del desarrollador… si te dedicas a Compact Framework ve jubilándote,  ya que esto no pinta con que se desarrolle con CF ni siquiera en Nativo.

El interfaz de usuario está totalmente orientado a lo que esta dedicado un teléfono en el sentido mas amplio de la palabra, comunicación, y no solo comunicación de voz, sino social, facebook email ebay twitter, y todo agrupado en un único lugar, se termino tener cincuenta agendas, respecto a las redes sociales cualquier red que se pueda agregar a Windows live podremos mostrarla en nuestro terminal.

Dentro de las demostraciones Joe  ha mostrado el AP Associated una nueva experiencia (en beta) , esto si que ha sido nuevo, una aplicación de la asociación de prensa, lo que viene a ser un lector de noticias desarrollado en Silverlight aunque el increíble a sido el diario Hush Hush un diario protegido con contraseña, para los muy frikis y nostálgicos que aun desean guardar su diario y no publicar su vida en un blog jejeje. El ejemplo muestra un libro y como podemos mejorar la experiencia del usuario imitando el pasar de las paginas, de forma animada. la facilidad de integrar recursos externos. Esto parece que va a incluir la cámara.

El sistema incluirá la posibilidad de incluir plugins para la edición de imágenes, aunque parece que para el video aun tendremos que esperar.

IMPRESIONANTE la integración con XBOX Live… y no hablo de acceder a tu avatar, ni recursos… ni logros… hablo de jugar… de jugar DE VERDAD.

 

DSCN3360

 

Respecto al desarrollo SOLO UNA HERRAMIENTA… UN Silverlight para dominarlos a todos… digo para programar todo, Windows Phone y aplicaciones de escritorio. y en la imagen aunque no se ve muy bien pone… Microsoft Visual Studio 2010 express edition para windows phone… esto que quiere decir… que cualquiera podra desarrollar para windows phone GRATIS.

Este nuevo editor nos permitirá crear aplicaciones para Windows Phone de una forma muy sencilla, incluye la posibilidad de utilizar linq, un conjunto especifico de librerías para Windows Phone (las iremos viendo a lo largo de las charlas) y algo muy interesante, el emulador si lo ejecutamos sobre Windows 7 en una pantalla multitactil… se integrara directamente y podremos utilizarlo.

 

DSCN3363

 

Jon Harris nos realizo la introducción al desarrollo de aplicaciones para Windows Phone con Blend. La integración con Ilustrator desde nuestra herramienta. Desde Blend podremos crear nuestra aplicaciones para Windows Phone 7 desde el punto de vista del diseñador… Con prácticamente toda la potencia con la que contábamos para aplicaciones de escritorio.

Y lo mejor de todo TODAS ESTAS HERRAMIENTAS serán GRATUITAS.

Para la sección de las demos han contado con aplicaciones como Netflix, para los que no lo conozcáis se trata de una plataforma de video por streaming en USA, la demo simplemente impresionante, como ver tus series en el movil, en un click.

Que incluirá el sdk de desarrollo de Windows Phone

  • Localización y control de mapas
    • Dese búsqueda de lugares hasta como mostrar rutas.
  • Integración con micrófono y cámara
    • Grabación y streaming de video y audio
  • Push Notifications
    • Gestión de notificaciones en “tiempo real”
  • Acelerometro
  • Integración con los hub del telefonos.

Por lo que veo nos quedan unas horas muy muy interesantes… iremos informando!!! Esto pinta muy muy bien.