Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mi primera aplicación para windows 10

903 views

Published on

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

Published in: Technology
  • Be the first to comment

Mi primera aplicación para windows 10

  1. 1. Mi primera aplicación universal para Windows 10 Víctor Moreno Microsoft MVP @vmorenoz
  2. 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. 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. 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. 5. Mi primera aplicación universal para Windows 10 <Nombre del orador> <Cargo> <Twitter o Email>
  6. 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
  7. 7. 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.
  8. 8. Creando el proyecto Abriremos Visual Studio 2015 y empezaremos un nuevo proyecto.
  9. 9. 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
  10. 10. 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.
  11. 11. Modelando nuestra base de datos Un proyecto que sirva como capa de comunicación entre nuestra aplicación universal y la base de datos.
  12. 12. Modelando nuestra base de datos Entity Framework para modelar nuestra base de datos en clases.
  13. 13. El nombre del servidor lo consigues desde el portal de Azure
  14. 14. Modelando nuestra base de datos Un servicio WCF (Windows Communication Foundation) para programar los accesos a la base de datos.
  15. 15. 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.
  16. 16. No olvides darle “Rebuild” al proyecto WCF antes de referenciar
  17. 17. Ejecutando nuestra aplicación Terminado de programar nuestro proyecto, ahora veamos como se ve funcionando en: • PC
  18. 18. Ejecutando nuestra aplicación Terminado de programar nuestro proyecto, ahora veamos como se ve funcionando en: • Tablet
  19. 19. 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).
  20. 20. 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
  21. 21. Víctor Moreno @vmorenoz http://blogs.itpro.es/eduardocloud

×