AppCeleration Program III

Tal como les prometí en una entrada anterior, les dejo la convocatoria a la tercera edición del programa!

AppCeleration Program III

Porque creemos que la construcción de nuestro negocio se logra mediante la obtención de resultados excepcionales para nuestros clientes y socios, estamos lanzando la 3ra edición del Windows Appceleration Program, el programa de Microsoft que ayudará a tu empresa a aumentar tus oportunidades de negocio y ganancias, acompañándote en el proceso de diseño, desarrollo, publicación y promoción de tu app y con la posibilidad de ganar un Windows Phone Nokia Lumia (bases y condiciones aquí ).

Acerca del programa

El Windows Appceleration Program estará dirigido a una cantidad reducida de proyectos que seleccionaremos entre las empresas de Argentina y Uruguay que se postulen. Quienes finalmente ingresen al programa serán acompañados de manera personal en el ciclo de vida completo del desarrollo de una aplicación ofreciéndoles nuestros recursos profesionales, capacitación y herramientas, con un enfoque de colaboración a largo plazo centrándonos en garantizar los mejores resultados de calidad, los cuales serán avalados mediante el logo de participación en el programa (que recibirán una vez finalizado el proceso) y mediante la posibilidad de recibir recursos de forma directa para la promoción de tu app por parte de Microsoft/Nokia.

Acerca de la oportunidad de mercado

Windows Phone:
Según IDC, es el tercer ecosistema global ampliamente consolidado en esa posición y el de mayor crecimiento (156% YoY). En Europa es el de mayor crecimiento en los 5 países más grandes, destacando crecimientos absolutos de 7.5 puntos YoY por ejemplo en UK según Kantar World Panel. Según IDC, en LATAM WP ya es el segundo ecosistema, con amplio crecimiento en Argentina, Brazil, Chile, Colombia, México y Perú. A nivel local, WP cuenta con las principales apps/marcas presentes en el Store, incluyendo medios, lifestyle, banca, juegos, deportes, y los niveles de descargas se ven apoyados por acciones puntuales de MKT y destaque de apps en el WP Store como parte de acciones locales.

Windows 8:
Hoy en día existen solo en Argentina y Uruguay, 15 millones de PCs con Windows. Windows 8 ya supera el 10% de Market Share en PCs y cumple la expectativa de ofrecer una experiencia “sin compromiso” que resulta ser fantástica de cara a la productividad y la movilidad. Resulta divertido para los usuarios y se administra fácilmente en la empresa. Windows 8.1 se ha creado sobre Windows 8 y habilita una nueva oleada de innovación en aplicaciones. En Windows 8.1, las aplicaciones continúan ocupando un lugar central y presentan nuevas maneras de interactuar con el sistema. La Tienda Windows continúa ofreciendo grandes oportunidades gracias a una mejor comercialización y a la mejora de la detección de las aplicaciones. Y, por supuesto, Windows sigue ofreciendo a los desarrolladores un abanico de opciones incomparable: podrán elegir el lenguaje de programación (C#, C++, JavaScript o VB), la tecnología de presentación (XAML, HTML o DirectX) y el modelo de negocio a través de la Tienda Windows.
La plataforma permite integración con servicios móviles en la nube, in-App purchasing, posibilidad de preinstalar las aplicaciones en los equipos a través de los fabricantes, y el porcentaje de las ventas generadas que Microsoft entrega al desarrollador aumenta a un 80% a partir de los 25.000 USD de facturación.

Windows 8 y Windows Phone juntos permiten llegar a un amplio espectro de dispositivos, no solo cubriendo Smartphones, sino también PCs de escritorio, laptops y tabletas, facilitando una mayor cantidad de descargas.

Me interesa. ¿Cómo sigo?

Interiorizate sobre los detalles del programa y postulá tu proyecto antes del 7 de marzo, contándonos la empresa, aplicación a realizar como parte del programa, plataforma para la cual se hará, estado del proyecto, cantidad de miembros que participaran, experiencia previa, objetivos de la participación, etc.

AppCelerationProgam.Resume();

Este año tuvimos la oportunidad de participar en la primer y segunda edición del AppCeleration Program que lanzo Microsoft a principios de este año. En la primer edición participamos con un proyecto para Windows Phone y en la segunda edición ya como tutores de otros proyectos.

AppCeleration Program

¿De qué se trata el AppCeleration Program? En este programa Microsoft selecciona proyectos móviles de agencias del mercado y los acompaña en un proceso de 2 meses de aceleración para el desarrollo de sus aplicaciones móviles en Windows 8 y/o Windows Phone. En las primeras semanas Microsoft ofrece capacitaciones en sus oficinas y luego se establecen entregables o hitos que son monitoreados por los tutores (entre ellos se encuentran definición funcional de la app, registración en el store, publicación versiones 1.0, 2.0 y 3.0) . Además, esta la posibilidad de que tu aplicación figure en el Nokia Application Highlights durante 15 días!

En la primera edición (que arrancó el 10 de abril) presentamos un proyecto para Windows Phone de una app que ya teníamos desarrollada en otras plataformas móviles. Tuvimos la suerte de trabajar junto a dos grandes de Microsoft ArgentinaAriel Schapiro y Miguel Saez. y junto a Daniel Priego quien nos dio una mano en las cuestiones de UX. De las cosas que mas destaco, es que en un periodo relativamente corto de tiempo y teniendo poca experiencia en este tipo de proyectos, pudimos tener la cuenta del store creada y la aplicación publicada. Además tuvimos la suerte de conocer y compartir experiencias con otros colegas.

AppCeleration Program I

AppCeleration Program I

En la segunda edición (inicio el 12 de septiembre) participamos como tutores del programa. En esta oportunidad dimos asesoramiento a dos proyectos para Windows Phone: uno del Ministerio de Agricultura y Ganadería de la Nación – app Precios – y el otro una aplicación desarrollada con PhoneGap – app Conectate -. Para nuestra alegría, la aplicación Precios obtuvo un reconocimiento por parte de Microsoft y Nokia quienes destacaron el uso eficiente de las características que tiene WP. Otra cosa que rescato fue el feedback entre MS y los tutores acerca del programa en general.

AppCeleration Program II

AppCeleration Program II – Tutores

Esta en los planes una tercera edición para principios del año que viene, por lo que les recomiendo que estén atentos y puedan aprovecharlo al máximo! Prometo mantenerlos al tanto 🙂

Windows 8 – Creando nuestra primer aplicación Metro

Como ya sabran, hace unos meses se realizo el evento Build Windows en el cual se presentaron las versiones Preview de algunos productos de Microsoft, entre las cuales se encuentran Windows 8, Visual Studio 11 Express, Expression Blend 5, IE10… además de muchas otras novedades.

Build Windows

Build Windows

De Windows 8 una de las cosas que mas me llamo la atención respecto de su versión anterior Windows 7  fue la interfaz de usuario denominada Metro, la cual tiene cierta similitud a la de Windows Phone y esta orientada principalmente a los dispositivos “touch“.

Interfaz Metro de Windows 8

Interfaz Metro de Windows 8

Como podemos observar en la imagen de arriba, los accesos a las aplicaciones están organizadas en una especia de cuadricula, y cada una de ellla esta representada por algo similar a los “Live Tiles” de  Windows Phone 7  (son los “rectángulos” que ademas de hacer la función de “icono” de una app, pueden contener tener cierta funcionalidad extra, como por ejemplo mostrar información o notificaciones de forma dinámica sin necesidad de acceder a la misma). Esta de mas decir que los cambios respecto al tradicional escritorio (que veremos mas adelante no desapareció) son significativos.

La idea de este post es mostrarles los pasos que deben seguir para crear una app Metro utilizando Visual Studio 2011 Express y finalmente poder correrla en Windows 8.

Lo primero que vamos hacer es descargar e instalar Windows 8 Developer Preview desde aquí. Les recomiendo que descarguen la ISO Windows 8 Developer Preview with developer tools English, 64-bit (x64) que viene con el kit de desarrollo integrado. Respecto de la instalación, solo decirles que es similar a la de Windows 7.

Una vez que terminemos de instalar el SO e iniciemos sesión (podemos utilizar nuestra cuenta de Windows Live), lo siguiente que vamos a hacer será ejecutar Visual Studio 11 Express for WDP (el acceso lo podrán encontrar a la derecha de la pantalla de inicio).

Iniciando Visual Studio 2011 Express

Iniciando Visual Studio 2011 Express

Como verán, el clásico escritorio no desapareció (aunque tiene algunos cambios) y VS2011 sigue manteniendo el aspecto de VS2010, pero con varias mejoras, algunas de ellas las iremos nombrando a lo largo del post.

Continuemos, es el turno de crear una nueva aplicación Windows Metro Style con Javascript  – …sí, leyeron bien, una app de “escritorio” con Javascript – . En el menú seleccionamos “File/New/Project…” y dentro de los templates disponibles vamos a seleccionar “Javascript/Split Navigation” (dicho template esta pensado para crear aplicaciones del estilo lector de feeds muy simples y que podemos organizar en categorías):

Seleccionando el template del proyecto

Seleccionando el template del proyecto

Tal como comentaba antes, desde ahora vamos a poder crear aplicaciones de escritorio utilizando HTML5 , CSS y Javascript, una excelente noticia para quienes desarrollamos aplicaciones web! 🙂 (no obstante, tenemos la posibilidad de crear aplicaciones en C# o VB utilizando XAML para definir la interfaz).

Si inspeccionamos un poco el proyecto, vamos a ver elementos mas que conocidos: una carpeta con archivos CSS en donde tendremos nuestras hojas de estilos, documentos HTML 5 en donde construiremos la interfaz de nuestras apps y los script de Javascript que tendrán toda la lógica de las mismas.

Estructura del proyecto

Estructura del proyecto

Dentro de la carpeta winjs están las librerías Javascript que la gente de Microsoft ha creado especialmente para este tipo de aplicaciones. Esta nuevas libs nos proveen de un conjunto de archivos (CSS y JS) que nos permitirá construir y personalizar aplicaciones Metro de una manera sencilla.

Un ejemplo bien simple del uso de esta librería es la siguiente instrucción que nos permite iniciar la app:

WinJS.Application.start();

También podemos definir el comportamiento de eventos, como en el siguiente ejemplo:

WinJS.Application.onmainwindowactivated = function (e) {
    ...
}

Luego de crear la app lo que hice fue meter un poco de mano en el código y modificar la lógica existente para que podamos leer las entradas del blog (inicialmente solo utiliza datos estáticos que genera por código). No voy a entrar en detalles acerca del código en este caso, pero he utilizado entre otras cosas algunas funciones de la nueva librería WinJS, como por ejemplo la función WinJS.xhr que me permitió hacer un XMLHttpRequest (xhr) a los feeds del blog.

Otro punto a favor (aunque no una novedad), es la integración con Expression Blen 5 Developer Preview, el cual utilice para modificar algunos aspectos de diseño – sigo teniendo bien en el fondo espíritu de diseñador – :

Modificando la interfaz con Expression Blend

Modificando la interfaz con Expression Blend

Algunas de las mejoras de VS2011 que fui encontrando mientras “trabajaba” en la aplicación, fueron el Intellisense para Javascript, el editor de CSS (a continuación un ejemplo del selector de colores) y un buscador bastante mas práctico que el anterior:

Nuevas características de W8

Nuevas características de W8

Finalmente llego el momento de ejecutar nuestra app, así que le presionamos F5, esperamos a que compile y que no haya errores 😀 y a disfrutar de nuestro lector del blog Metro!

Mi primera aplicación Metro corriendo en Windows 8

Mi primera aplicación Metro corriendo en Windows 8

Si bien en este ejemplo no lo he utilizado, podríamos perfectamente trabajar con librerías como jQuery, así que seguimos sumando puntos a favor los desarrolladores web! 🙂

Este ha sido un breve resumen de lo que podemos hacer en Metro, espero que les haya sido de utilidad y que les sirva como base para empezar a trabajar con todo lo nuevo que se viene! (….mejor dicho, que llegó!).