Para realizar la práctica y seguir la ejecución del código utilizaremos Windows 8 y Visual Studio Express 2012 para Windows 8 (a este lo llamaremos VS de aquí en adelante), si no los tenemos instalados podemos descargarlos gratuitamente desde http://msdn.microsoft.com/en-us/library/windows/apps/hh974577.
Para comenzar, iniciaremos Visual Studio (lo llamaremos VS de aquí en adelante) y elegiremos comenzar un nuevo proyecto (File – New Project), nos aparecerá el cuadro de diálogo de Nuevo Proyecto en al que definiremos algunos detalles iniciales para nuestra aplicación. Comenzaremos por elegir el tipo de plantilla para la aplicación, template de Javascript para Windows Store, en el panel ubicado a la izquierda seleccionaremos: Installed – Templates - JavaScript - Windows Store. Veremos que en el panel central del cuadro se nos ofrecen distintos tipo de plantilla según las características de la aplicación que deseemos hacer, para nuestro caso elegiremos una aplicación en blanco (Blank App).
1) La página default.html que se ejecuta ni bien se inicia la aplicación al igual que el código javascript contenido en el archivo default.js
2) package.appxmanifest, que guarda detalles de la app: nombre, descripción, mosaico (o icono), archivos que integran el paquete, página de inicio, etc.
3) Una sección de referencias a las librerías de jvascript que incluye páginas de estilo básicas.
4) Una carpeta css para nuestras páginas de estilo, que incluye la default.css
5) Y una carpeta imágenes donde irán los logos y otras imágenes para presentar nuestra app en el Store.
Respecto de las imágenes digamos que necesitaremos un mínimo de cuatro: logo.png y smalllogo.png, que serán la entrada a nuestra app en la página de inicio de Windows 8; storelogo.png para ofrecer nuestra app en el store y, por último splashcreen.png que se muestra ni bien nuestra app se lanza.
Para detener la app y regresar al modo de edición podemos presionar Alt+Tab para retornar a VS y en la IDE hacer Debug - Stop debugging, o bien click en el botón de parada.
Como consecuencia del proceso de instalación que hizo VS nos queda en la página de inicio de Windows 8 un Tile (mosaico, icono) con la imagen de logo.png, tocando este podemos lanzar la app nuevamente si lo deseamos. Haciendo click con el botón secundario del mouse sobre este tile veremos que Windows 8 nos da la opción, entre otras, de desinstalar la app del equipo.
Ahora podríamos reemplazar los logos por unos propios para comenzar a personalizar nuestro desarrollo. Si decidimos seguir este camino deberemos observar las siguientes dimensiones:
Logo.png 150 x 150 pixeles.
StoreLogo.png 50 x 50 pixeles.
SmallLogo.png 30 x 30 pixeles.
SplashScreen.png 620 x 300 pixeles.
En este punto, si reemplazamos los logos de muestra por nuestras propias imágenes la app nos quedaría mas presentable, mas personalizada. Mi sugerencia es que por el momento podemos postergarlo centrando nuestra atención en lo funcional para luego dedicarnos a los aspectos de diseño gráfico.