Wallet y NFC para Windows Phone 8

Hola muy buen día, en este aporte comentaremos un poco sobre lo que viene para WP8 con las nuevas características asociadas a la conectividad entre dispositivos.

¿Qué es el Wallet ó Billetera?

Si tal cual como lo imaginamos todo o bueno casi todo lo que podemos guardar en nuestra billetera (haciendo una excepción de las estampitas religiosas, Ja). Retomando el tema, todo eso que traemos en nuestra billetera como tarjetas de crédito, tarjetas de lealtad, cupones de algunas tiendas, boletos del metro, etc. Todo eso es lo que podemos ir considerando tener ahora en nuestro teléfono.

Imaginemos un poco sobre este escenario, donde al salir de casa tomamos el metro para trasladarnos al trabajo y en lugar de tomar un boleto, acercas tu teléfono al torniquete y listo te da acceso, una vez llegado a tu destino te acercas a la cafetería más cercana, pides que te sirvan tu bebida favorita y realizas el pago con tu teléfono, más aún, llegas a tu lugar de trabajo y para poder acceder y checar tu hora de entrada acercas el teléfono a una lectora y listo. A esto es a lo que esta apostando WP8 haciendo uso de la tecnología NFC (Near Fiel Comunication).

¿Qué es NFC?

Es una tecnología de comunicación inalámbrica, de corto alcance y alta frecuencia que permite el intercambio de datos entre dispositivos. Mayor detalle de esto aquí

Si bien la tecnología nos permite tener todos esos artículos en nuestro dispositivo móvil, haré una pequeña pausa para mencionar que para que esto se cumpla, las empresas, comercios, transportes, etc. Deben apostar hacia el futuro con la tecnología. Comenzar a implementar estos tags o lectoras para poder hacer uso de esta tecnología en todos los establecimientos.

Para esto es necesario que nosotros, los responsables de desarrollar esas funcionalidades vayamos conociendo estos dispositivos así como la mejor forma de realizar la implementación de esto en el mundo real.

Es por eso que los invito a que se comiencen a documentar sobre el tema, ya que esto es a lo que nos vamos a enfrentar en un futuro. Tomemos conciencia de lo siguiente cuantas personas en la actualidad, necesitan de una computadora para revisar su correo, publicar en redes sociales, realizar alguna transferencia electrónica; apostaría que más del 70% lo hace desde el teléfono.

¿Qué puedo colocar en mi billetera?

Billetera es una ubicación segura para almacenar las versiones digitales de tarjetas, cupones, etc., Aquí tienes una lista de las cosas que puedes guardar en tu billetera(WP8) y lo que puedes hacer con ellas:

•Tarjetas de crédito o débito: compra aplicaciones y juegos en la Tienda de Windows Phone o, simplemente, realiza el seguimiento de la cuenta de tu tarjeta. Si el proveedor de servicios y el teléfono lo permiten, puedes configurar tus tarjetas de crédito o débito para realizar compras NFC en tiendas. (Se requiere una tarjeta SIM segura especial).
•Tarjetas de fidelidad: muestra y pasa tus tarjetas de fidelidad en el supermercado, tu restaurante favorito, etc.
•Tarjetas de suscripciones: toma libros prestados de la biblioteca, accede al gimnasio, etc.
•Cupones: busca ofertas a través de Bing, o introduce códigos de cupones y otros datos manualmente.

Más detalle de esto Wallet Faq.

En aportes más adelante comenzare en la creación de un ejercicio para esto.

Esperando que este aporte les haya sido de utilidad.

Estilo Windows Phone 8 "Ex-Metro"

El diseño para Windows Phone 8.

Hola muy buen día, en este post he decidido hablar un poco sobre el diseño enfocado a Windows Phone 8.

Haré una pequeña reseña o recapitulación de acuerdo a lo que he escuchado en algunas conferencias y porque no, a la lectura de la red. Plantearé ésta interrogante ¿De dónde toma el diseño Ex-Metro? Si bien, esta tendencia en algunos momentos se planteó que venía de los “Metros del Mundo” si, tal cual como lo piensan el sistema de transporte subterráneo que se encuentra en varias ciudades del mundo. En realidad este diseño a mi punto de vista, viene enfocado hacia aquella frase tan coloquial que utilizamos "Una imagen vale más que mil palabras".

En realidad este diseño viene orientado a eso exactamente, al encontrar con un pequeño recuadro lo que estamos necesitando "Información clara y precisa", sin tanto rodeo. Tal cual como lo encontramos en los aeropuertos, restaurantes, y diversos lugares donde al ver una letra “P” sabemos que esta un estacionamiento, o la caseta del teléfono, un taxi etc.

Esto lo ilustra la siguiente imagen.

Fig. 1

Encontré esta definición en la red la cual se me hace lo más cercana a la realidad con lo que Microsoft quizo interpretar con este diseño "Conjunto de señales o símbolos que cumplen la función de guiar, orientar u organizar a una persona". En esto esta basado el estilo Ex-Metro.

Ahora bien nos enfocaremos al tema, como debo diseñar o cuáles son los principales puntos a tomar en cuenta para el diseño dentro de WP8.

Tipografía:

El tipo de letra que debemos de utilizar es Segoe WP, debido a que el diseño del dispositivo esta sobre esta tipografía, la idea principal de esto, es que el usuario no perciba un cambio entre la interfaz de dispositivo y lo que nosotros estemos desarrollando, podemos cambiar algunos detalles dentro de nuestra aplicación pero respetar las principales pantallas y menús para esto.

Los títulos en Windows Phone siempre deben estar en minúsculas a excepción de los títulos de sección que van en mayúsculas. Si las directrices de la marca insisten en un caso diferente, debemos asegurarnos que el uso es coherente en toda la aplicación.

Los tipos de letra personalizados pueden ser utilizados con moderación, aunque se debe tener cuidado; estos tipos de letra se puede utilizar para los títulos de página y títulos de sección.

Segoe WP se debe utilizar en todas partes, debemos de tener cuidado si el tipo de letra se parece mucho a Segoe WP, como Arial o Helvetica, la mezcla de estos con Segoe puede parecerle muy extraño al usuario en el momento de estar navegando en nuestra aplicación.

Alineación:

Todas las páginas deben respetar el margen de 24px a la izquierda, proporcionando un perímetro de todo el contenido para permanecer dentro de éste, títulos, cabeceras y logotipos de cabecera deben ser alineados a la izquierda con el margen de 24px, continuando el equilibrio y el flujo existente de controles.

Fig. 2

Espacios:

El espacio entre los elementos debe ser uniforme, no debemos tener espacios muy reducidos en algunos elementos y muy amplios en otros, estos deben ser consistentes tanto horizontal como verticalmente. Se recomienda que los elementos estén espaciados por un múltiplo o subdivisión de 12px, esto con el fin de seguir la cuadrícula de diseño para WP8.

Fig. 3

Íconos:

Nuestros íconos no deben tener esquinas redondeadas o elementos tridimensionales, deben adaptarse a la apariencia y sentir de otros elementos en el menú inicio.
Nuestros íconos deben proveer al usuario información rápida y precisa, con ver un ícono como éste, el usuario sabe que tiene 4 correos sin leer y 5 mensajes en espera de ser atendidos.

Fig. 4

Animación de Elementos:

Las animaciones en los elementos deben ser utilizadas para indicar que un elemento de la lista ha sido presionado, por ejemplo.

Fif. 5

Navegación:

Recuerden en primera instancia que nuestras aplicaciones se cierran con el botón atrás  de nuestro dispositivo, por lo que no debemos de tener navegaciones muy enredadas o con muchos niveles de navegación hacia abajo. Nuestras aplicaciones deben de ser ágiles, que queremos con esto, en nuestra barra de acciones por default tenemos solo 4 espacios para tareas y los menús que se despliegan deben tener un máximo de 3 elementos, esto para no ocultar la pantalla de nuestra aplicación. En total nos da una suma de 7 acciones como máximo para nuestra aplicación.

Fig. 6

Debemos de tener 4 niveles como máximo para poder salir de la aplicación, esto para facilitar la salida del usuario y que no se vuelva una tortura cada vez que el usuario quiera salir de nuestra aplicación.

Tap:

Los elementos tapeables o con alguna acción en particular deben de cubrir un estándar, si tengo elementos muy pequeños que ejecuten alguna acción serán de difícil acceso para un dispositivo touch, por lo que debemos pensar en que al pulsar un elemento encontremos el indicado, Por ejemplo: si necesito dos acciones en un pantalla, debemos partir la pantalla a la mitad y que los botones ocupen el mayor espacio posible así no estaremos propensos a errores al realizar un "push" en nuestro dispositivo.

Fig. 7

Nota: un estándar para tener elementos pequeños dentro de nuestro dispositivo sería 9 mm, no con esto decimos que los elementos deben de ser de este tamaño, entre más grandes mejor.

A continuación listo las principales puntos a considerar para un diseño óptimo
* Se predecible.
* Confía en “Strar & Back” del teléfono.
* Experiencia integrada.
* Estructura la pagina:
   -Priorizar tareas.
   -Mantener al usuario orientado.
   -Ordenamiento lógico de los datos.
   -Restringe el número de vistas en un panorama o pivote.
* Une las pantallas con elementos y diseños consistentes.
* Diseño Visual:
   - Aplica el diseño luego inyecta la marca.
   - Diseña en un grid.
   - Reduce el amontonamiento.


Ya para cerrar les dejo este mensaje, creo que será el más útil de todos “UTILIZA APLICACIONES NATIVAS COMO GUÍA”.

Me despido de ustedes esperando les agrade y sea de utilidad este post. Hasta la Próxima.

Hackathon México Windows 8

El evento donde nos reunimos cerca de 150 desarrolladores, para crear apps para windows 8.

24 horas continuas desarrollando aplicaciones, un ambiente colaborativo y de mucho código.  Esto solo en México ya que se llevo acabo en diferentes países.
Mas detalles del evento en www.wowzapp2012.com

Lanzamiento Windows 8

Hola amigos lectores, en esta ocación les presento solo un breve comentario del anuncio para el lanzamiento de windows 8.

Microsoft ha confirmado que la versión final y estable de Windows 8 estará disponible para todo el mundo el 26 de octubre. Ese día, se podrá adquirir Windows 8 tanto en versión completa como en forma de actualización desde una versión anterior de Windows.

Aca les dejo el link para mayor detalle. Windows 8 Team

Team Foundation Server 2012 Nuevas Características

Hola a todos los lectores,en este primer aporte veremos las principales mejoras de Team Foundation Server 2012.

Comencemos por el Navegador "Team Explorer"

Ahora nuestra herramienta nos brinda un entorno más amigable a mi gusto, nos proporciona el tener la navegación de los diferentes elementos en un solo panel "Olvidemos las ventanas emergentes o pestañas que se generaban en versiones anteriores para poder trabajar con los diferentes elementos que nos proporciona la herramienta". Fig 1

Esto hará el trabajo más eficiente, ahora nos muestra los elementos en forma de arbol para la navegación, de tal forma que podemos expandir y colapsar el contenido en cualquier momento. Fig. 2

Fig. 1	Fig. 2

Ahora veamos la nueva ventana para la resolución de conflictos, esta nueva ventana comparte una forma más dinámica de poder seleccionar los cambios y ver como quedara nuestro código al final. La figura 3 nos muestra una ventana que tiene un color y una comparación lado a lado más intuitivo; la columna central contiene el resultado de la combinación.

Fig. 3

Acontinuación mostrare como se presenta el Taskboar, para los proyectos generados con Scrum, en esta figura podemos ver las tareas por hacer "TODO", Las tareas en progreso "IN PROGRESS" y el trabajo que hemos terminado "DONE", de esta forma sin depender de un corcho o tablero físico, podemos seguri el trabajo y desempeño del equipo de una forma rápida y sencilla.

Esto nos permitira dar un seguimeinto no sólo de una forma secuencial si no visual a todos los miembros del equipo.

Fig. 4

Dentro de las nuevas características ahora Team Foundation Server 2012 nos permite crear por default, proyectos con Scrum, si bien desde versiones anteriores podiamos crear proyectos con este tipo de metodología, ahora viene integrada dentro de la herramienta. Anteriormente ustedes recordaran que teníamos que realizar la descarga del template en línea y una vez hecho esto, se instalaba para poderlo implementar dentro de los proyectos.

Fig. 5

Ahora veremos el DragAndDrop(arrastrar y soltar elemnetos), esta funcionalidad fue adicionada para poder ligar los elementos de trabajo(Work Items) al momento de dar un checkIn a nuestro código fuente, si bien nos permite de la misma forma que en versiones anteriores porder seleccionar una consulta y de esta poder elegir los elementos que queremos vincular al momento de hacer un checkin, esta nueva funcionalidad me parece más práctica. Fig 6 y 7.

Así podemos tomar uno a varios elementos y con solo arrastralos hasta el contenedor de elementos de trabajo relacionados al checkin los vincula como en versiones anteriores.

Fig. 6

Fig. 7

También podemos de la misma forma realizar esta tarea con los elementos de código fuente que vayamos a incluir en el checkin. Fig 8.

Fig. 8

Bien, ahora veremos la funcionalidad de las alertas las cuales ya las podemos accesar desde las propiedades del proyecto, anteriormente estaban accesibles a través del menú Team y también instalando el Team Foundation Power Tools. Fig. 9

Fig. 9

Espero que este aporte les pueda servir para identificar las principales nuevas características de Team Foundation Server 2012. En unos días más estare posteando algún tema más para complementar este aporte.

No se perdiendan los siguientes aportes sobre como configurar las plantillas de los Work Items.