Mi primera aplicación

universal para Windows 10

Víctor Moreno

Microsoft MVP

@vmorenoz

¿Qué voy a aprender?

En esta demostración, aprenderás como desarrollar tu primeraaplicación universal para Windows 10, usando el mismo códigotendrás visibilidad de como puede funcionar en tres dispositivosdiferentes:

• PC

• Smart Phone

• Tablet

Objetivo

Construir una aplicación universal para Windows 10 que permita almacenar las respuestas de un pequeño formulario.

Estos datos serán almacenados en una tabla bajo el servicio de SQL Azure.

Requerimientos

• Windows 10 en los tres dispositivos como sistema operativo.

• Una cuenta de Microsoft Azure (si no la tienes, puedes obtener una de prueba desde el portal).

• Visual Studio 2015.

Mi primera aplicación universal para Windows 10

<Nombre del orador><Cargo><Twitter o Email>

Creando la base de datos SQL Azure

Tendremos que entrar al portal de Microsoft Azure y crear una nueva base de datos en SQL Azure.

http://manage.windowsazure.com

Creando la tabla

Abriremos nuestra base de datos SQL Azure desde Visual Studiopara crear una tabla que nos servirá para almacenar la información.

Creando el proyecto

Abriremos Visual Studio 2015 y empezaremos un nuevo proyecto.

Diseñando nuestra interfaz

Abriremos el archivo “MainPage.xaml” en modo de diseño, yagregaremos algunos controles para capturar los datos necesarios.

Los controles utilizados son:

• TextBlock

• TextBox

• Button

Modelando nuestra base de datos

Ya que tenemos nuestra base de datos lista, necesitamos modelarla en nuestro proyecto, para eso utilizaremos lo siguiente:

• Un proyecto que sirva como capa de comunicación entre nuestra aplicación universal y la base de datos (Proyecto ASP.NET).

• Entity Framework para modelar nuestra base de datos en clases.

• Un servicio WCF (Windows Communication Foundation) para programar los accesos a la base de datos.

Modelando nuestra base de datos

Un proyecto que sirva como capa de comunicación entre nuestra aplicación universal y la base de datos.

Modelando nuestra base de datos

Entity Framework para modelar nuestra base de datos en clases.

El nombre del servidor lo consigues desde el portal de Azure

Modelando nuestra base de datos

Un servicio WCF (Windows Communication Foundation) para programar los accesos a la base de datos.

Invocando el servicio WCF

Ya que tenemos nuestro servicio WCF programado, necesitamosvincularlo a nuestro proyecto de tipo “Universal App” y programar lasoperaciones correspondientes.

No olvides darle “Rebuild” al proyecto WCF antes de referenciar

Ejecutando nuestra aplicación

Terminado de programar nuestro proyecto, ahora veamos como seve funcionando en:

• PC

Ejecutando nuestra aplicación

Terminado de programar nuestro proyecto, ahora veamos como seve funcionando en:

• Tablet

Ejecutando nuestra aplicación

Terminado de programar nuestro proyecto, ahora veamos como seve funcionando en:

• Windows Mobile 10 (Aquí yo uso un teléfono físicamente, perotambién pueden usar el simulador).

Conclusiones

Como puedes notar, se utilizó un mismo código para que seejecutará en diferentes dispositivos, esta es una de las característicasmas poderosas de las aplicaciones universales de Windows.

Este proyecto lo puedes descargar directamente desde GitHub:

https://github.com/vemoreno/MyFirstUniversalWindowsApp

Víctor Moreno@vmorenozhttp://blogs.itpro.es/eduardocloud