Aplicaciones Metro. Preparando el entorno.

En esta entrada vamos a explicar paso a paso como instalar todo lo necesario para crear aplicaciones estilo Metro para el próximo sistema operativo de Microsoft, Windows 8.

Si vamos a crear aplicaciones para Windows 8, el primer paso será… instalar Windows 8, claro.

Entiendo que no tenemos la versión definitiva del sistema operativo y que muchos podéis ser reacios o sencillamente no podéis instalarlo como sistema principal o en una partición de la máquina. Por ese motivo he decidido explicar como instalar el entorno usando una máquina virtual. Las ventajas son muchas. La principal que no afectamos al sistema principal de la máquina. Pero como casi en todo también hay desventajas. Se requiere una máquina con una potencia considerable.

Para preparar la máquina virtual vamos a utilizar Virtual Box.

¿Porque?

Es gratuito y además su última versión viene ya preparada con una configuración por defecto para Windows 8.

Podéis descargar la última versión (escribiendo este artículo es la 4.1.10) desde la siguiente URL:

https://www.virtualbox.org/wiki/Downloads

Tras instalar Virtual Box necesitaremos la ISO del sistema operativo. Podremos descargar la ISO de la siguiente URL:

http://windows.microsoft.com/es-ES/windows-8/iso

Tenéis dos opciones en múltiples idiomas (aún no disponible es español, personalmente he utilizado la versión en inglés de 32 bits):

Tras descargar la ISO, y preparar la máquina virtual con ella, comenzamos la instalación. La primera pantalla que vemos es la siguiente:

Tras finalizar la carga (muy rápido) nos aparecerá la siguiente ventana, donde podremos hacer la configuración regional. No podemos seleccionar el español como idioma aunque si en las configuraciones de moneda y de teclado.

Llegamos al siguiente paso donde debemos hacer clic sobre el botón central “Instal Now”:

Se nos pedirá la clave del producto. Microsoft ha ofrecido para poder realizar pruebas la siguiente:

DNJXJ-7XBW8-2378T-X22TX-BKG7J

En el siguiente paso eligiríamos si instalamos desde cero o si debemos realizar una actualización. Paso importante si no instaláis desde una máquina virtual y estamos instalando “encima” de otro Windows.

En este caso asignamos todo el espacio que le hemos otorgado a la máquina virtual.

Finalizamos los pasos en los que debemos realizar elecciones. En este paso comenzará a instalarse el sistema operativo.

Tras finalizar se reiniciará de manera automática.

Tras reiniciar el sistema realizará varios ajustes leves.

Tras este paso estaremos dentro del sistema. Podremos configurar desde el aspecto visual a detalles relacionados con el usuario del sistema.

Y… listo!. Ya tenemos la última versión de Windows 8 disponible instalado y preparado para trabajar.

El siguiente paso necesario será instalar el entorno de trabajo. Es decir, la última versión de Visual Studio.

Vamos a descargar la última versión disponible (Visual Studio 2011 Beta) de la siguiente URL:

http://www.microsoft.com/visualstudio/11/en-us

Tras descargar el instalador y abrirlo veremos una pantalla como la siguiente:

Como puede observar la interfaz del instalador ha sido simplificada bastant tanto a nivel de interfaz como de configuración. Tras hacer clic en “Install” comenzará la descarga e instalación de todos los componentes.

Tras finalizar el proceso (el tiempo del mismo dependerá tanto de máquina como de la conexión a internet disponible, a mi me tomo unos 30 minutos aproximadamente) veremos una pantalla como la siguiente:

Tras hacer clic en el botón “Reboot Now”, Visual Studio 11 se reiniciará y veremos la siguiente ventana:

Tras elegir el tipo de proyecto básico sobre el que vamos a desarrollar (en mi caso utilizaré Visual C#) veremos la pantalla principal del nuevo Visual Studio.

Se ve algo distinto, ¿verdad?. No solo hay cambios visuales en este Visual Studio como os podréis imaginar. Entre las mejoras más destacadas:

  • Nuevo soporte para la programación asíncrona.
  • Soporte y herramientas para trabajar con HTML5 y CSS3 en ASP.net.
  • Nuevas plantillas entre las que se incluyen las que usaremos para realizar aplicaciones estilo Metro.
  • Se incluye Microsoft Team Foundation Server Express (gratuito hasta 5 usuarios).

Genial!. Ya tenemos listo todo lo necesario para comenzar a desarrollar aplicaciones estilo Metro. En próximas entradas comenzaremos a desarrollar este tipo de aplicaciones viendo sus principales características.

2 pensamientos en “Aplicaciones Metro. Preparando el entorno.

    • Gracias. En próximas entradas iremos viendo poco a poco las peculiaridades mas características de las aplicaciones metro (live tiles, notificaciones, contratos, etc). En cada entrada añadiré un ejemplo. Intentaré que cada ejemplo esté relacionado entre sí. Es decir, si comenzamos una aplicación por ejemplo del tiempo en una entrada haciendo el típico hola mundo, si en otra entrada hablamos de los live tiles, el ejemplo parta ya del existente añadiendo la nueva funcionalidad.
      Creo que será positivo de cara al aprendizaje.

      Un saludo.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s