mi primera aplicación para windows 10
TRANSCRIPT
![Page 1: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/1.jpg)
Mi primera aplicación
universal para Windows 10
Víctor Moreno
Microsoft MVP
@vmorenoz
![Page 2: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/2.jpg)
¿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
![Page 3: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/3.jpg)
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.
![Page 4: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/4.jpg)
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.
![Page 5: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/5.jpg)
Mi primera aplicación universal para Windows 10
<Nombre del orador><Cargo><Twitter o Email>
![Page 6: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/6.jpg)
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
![Page 7: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/7.jpg)
![Page 8: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/8.jpg)
![Page 9: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/9.jpg)
![Page 10: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/10.jpg)
Creando la tabla
Abriremos nuestra base de datos SQL Azure desde Visual Studiopara crear una tabla que nos servirá para almacenar la información.
![Page 11: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/11.jpg)
![Page 12: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/12.jpg)
![Page 13: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/13.jpg)
![Page 14: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/14.jpg)
![Page 15: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/15.jpg)
Creando el proyecto
Abriremos Visual Studio 2015 y empezaremos un nuevo proyecto.
![Page 16: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/16.jpg)
![Page 17: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/17.jpg)
![Page 18: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/18.jpg)
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
![Page 19: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/19.jpg)
![Page 20: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/20.jpg)
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.
![Page 21: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/21.jpg)
Modelando nuestra base de datos
Un proyecto que sirva como capa de comunicación entre nuestra aplicación universal y la base de datos.
![Page 22: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/22.jpg)
![Page 23: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/23.jpg)
![Page 24: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/24.jpg)
![Page 25: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/25.jpg)
Modelando nuestra base de datos
Entity Framework para modelar nuestra base de datos en clases.
![Page 26: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/26.jpg)
![Page 27: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/27.jpg)
![Page 28: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/28.jpg)
![Page 29: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/29.jpg)
El nombre del servidor lo consigues desde el portal de Azure
![Page 30: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/30.jpg)
![Page 31: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/31.jpg)
![Page 32: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/32.jpg)
Modelando nuestra base de datos
Un servicio WCF (Windows Communication Foundation) para programar los accesos a la base de datos.
![Page 33: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/33.jpg)
![Page 34: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/34.jpg)
![Page 35: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/35.jpg)
![Page 36: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/36.jpg)
![Page 37: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/37.jpg)
![Page 38: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/38.jpg)
Invocando el servicio WCF
Ya que tenemos nuestro servicio WCF programado, necesitamosvincularlo a nuestro proyecto de tipo “Universal App” y programar lasoperaciones correspondientes.
![Page 39: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/39.jpg)
No olvides darle “Rebuild” al proyecto WCF antes de referenciar
![Page 40: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/40.jpg)
![Page 41: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/41.jpg)
![Page 42: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/42.jpg)
![Page 43: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/43.jpg)
![Page 44: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/44.jpg)
Ejecutando nuestra aplicación
Terminado de programar nuestro proyecto, ahora veamos como seve funcionando en:
• PC
![Page 45: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/45.jpg)
![Page 46: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/46.jpg)
![Page 47: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/47.jpg)
![Page 48: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/48.jpg)
Ejecutando nuestra aplicación
Terminado de programar nuestro proyecto, ahora veamos como seve funcionando en:
• Tablet
![Page 49: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/49.jpg)
![Page 50: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/50.jpg)
![Page 51: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/51.jpg)
![Page 52: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/52.jpg)
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).
![Page 53: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/53.jpg)
![Page 54: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/54.jpg)
![Page 55: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/55.jpg)
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
![Page 56: Mi primera aplicación para windows 10](https://reader034.vdocuments.site/reader034/viewer/2022042723/5885c7831a28ab42028b47af/html5/thumbnails/56.jpg)
Víctor Moreno@vmorenozhttp://blogs.itpro.es/eduardocloud