En esta demostración, aprenderás como desarrollar tu primera aplicación universal para Windows 10 ,usando el mismo código tendrás visibilidad de como puede funcionar funcionar en tres dispositivos :PC, Smart Phone, Tablet

1. Mi primera aplicación
universal para Windows 10
Víctor Moreno
Microsoft MVP
@vmorenoz

2. ¿Qué voy a aprender?
En esta demostración, aprenderás como desarrollar tu primera
aplicación universal para Windows 10, usando el mismo código
tendrás visibilidad de como puede funcionar en tres dispositivos
diferentes:
• PC
• Smart Phone
• Tablet

3. 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.

4. 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.

5. Mi primera aplicación
universal para Windows 10
<Nombre del orador>
<Cargo>
<Twitter o Email>

6. 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

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

15. Creando el proyecto
Abriremos Visual Studio 2015 y empezaremos un nuevo proyecto.

18. Diseñando nuestra interfaz
Abriremos el archivo “MainPage.xaml” en modo de diseño, y
agregaremos algunos controles para capturar los datos necesarios.
Los controles utilizados son:
• TextBlock
• TextBox
• Button

20. 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.

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

25. Modelando nuestra base de datos
Entity Framework para modelar nuestra base de datos en clases.

29. El nombre del servidor lo
consigues desde el portal de Azure

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

38. Invocando el servicio WCF
Ya que tenemos nuestro servicio WCF programado, necesitamos
vincularlo a nuestro proyecto de tipo “Universal App” y programar las
operaciones correspondientes.

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

44. Ejecutando nuestra aplicación
Terminado de programar nuestro proyecto, ahora veamos como se
ve funcionando en:
• PC

48. Ejecutando nuestra aplicación
Terminado de programar nuestro proyecto, ahora veamos como se
ve funcionando en:
• Tablet

52. Ejecutando nuestra aplicación
Terminado de programar nuestro proyecto, ahora veamos como se
ve funcionando en:
• Windows Mobile 10 (Aquí yo uso un teléfono físicamente, pero
también pueden usar el simulador).

55. Conclusiones
Como puedes notar, se utilizó un mismo código para que se
ejecutará en diferentes dispositivos, esta es una de las características
mas poderosas de las aplicaciones universales de Windows.
Este proyecto lo puedes descargar directamente desde GitHub:
https://github.com/vemoreno/MyFirstUniversalWindowsApp

56. Víctor Moreno
@vmorenoz
http://blogs.itpro.es/eduardocloud