miércoles, 1 de julio de 2015

Crea tu primer aplicación de notas para la Plataforma Universal de Windows con Parse





Todos sabemos que Windows 10 va a debutar el 29 de julio del presente año así que vamos a crear una aplicación para la Plataforma Universal de  Windows usando Parse.¿ Que vamos a desarrollar? Bien, vamos a elaborar un app de notas, los únicos datos que reciben son un titulo y el texto que seria la nota, la aplicación es muy sencilla así que no sera tan difícil.



Requisitos:


  • Windows 10 Insider Preview Build 10130.  El programa de Windows Insider nos ofrece informacion y herramientas privilegiadas por parte de los expertos de Windows los cuales podemos colaborar con ellos para crear Windows 10. En el siguiente enlace pueden encontrar mas información: http://insider.windows.com/ .
  • Microsoft Visual Studio 2015 RC. Visual Studio 2015 es la nueva version que ha traido todo lo necesario para empezar a trabajar con Windows 10, nos proporciona un SDK, emuladores, bibliotecas y otras herramientas mas. Para instalar las herramientas mencionadas entra al siguiente enlace: https://dev.windows.com/es-es/downloads/install-dev-tools-visual-studio-2015
  • Parse. es lo que se denomina un Backend as a service (BaaS) que nos va a permitir disfrutar de múltiples funcionalidades en la nube, permitiéndonos el desarrollo de aplicaciones que requieran un backend con muy poco esfuerzo. Para crear una cuenta ir al siguiente link: https://parse.com/ .
Y bien es momento de crear nuestra aplicación.

Paso 1.

  1. Abrimos Visual Studio 2015.
  2. Creamos un nuevo Proyecto.



Paso 2.
  1. En la columna de izquierda, seleccionamos en Plantillas > Visual C# > Windows > Windows Universal.
  2. Seleccionamos Blank App (Windows Universal).
  3. Le asignamos el nombre de NotasApp (Opcional).


Paso 3.
  1. Si nos sale el siguiente error, es porque no le asigamos el target de Windows Universal.


Paso 4.
  1. Damos doble click sobre Properties en el Explorador de soluciones.
  2. En Targeting, le asignamos el SDK de windows 10.


Paso 5.
  1. Al asignarle al Target version, nos saldrá una ventana donde nos pregunta si estamos seguros de cambiar la version del Target, seleccionamos que si.


Paso 6.
  1. Deberia de quedar como la imagen.
  2. El problema de los namespace se habra solucionado.


Paso 7.
  1. Editar el archivo MainPage.xaml


Paso 8.
  1. Editaremos el archivo con Blend.
  2. Damos click sobre el archivo MainPage.xaml y seleccionamos Diseñar con Blend.


Paso 9.
  1. Se abre el entorno de Blend de Visual Studio 2015.



Paso 10.
  1. Vamos a diseñar la interfaz de nuestra aplicación.


   2. Código de MainPage.xaml 


Paso 11. 
  1. Vamos a probar nuestra aplicación, le damos click en Equipo local en la parte superior de Visual Studio 2015. 
  2. Nos mostrara la aplicación.
  3. Quitar el contador de Frames de nuestra aplicación, vamos al archivo  App.xaml y ponemos en false la linea seleccionada en la imagen.




Paso 12.

  1. Volvemos a correr nuestra aplicación siguiendo los pasos anteriores y el contador de frames, ya no se mostrará. 



Ahora bien, es momento de comenzar con Parse para esto nos dirigimos a su pagina oficial.
Paso 13.

  1. Ya que nos creamos una cuenta, accedemos con nuestros datos.


Paso 14.



  1. Vamos a la seccion de aplicaciones y en la parte superior damos click sobre Create a new App.
Paso 15.



  1. Nuestra aplicacion le pondremos el nombre de AppNotas, ustedes pueden poner el que gusten.
  2. Presionamos el boton Create.
Paso 16.

  1. Parse nos proporciona una serie de servicios que podemos usar en nuestras aplicaciones, por lo mientras usaremos el Core, donde crearemos nuestra Clase.
  2. Damos click en el botón Add Class que se encuentra a la derecha, la cual nos abrirá una ventana donde seleccionaremos el nombre y el tipo de nuestra clase, nosotros le asignamos el nombre de Nota.



Paso 17.



  1. Creamos las columnas las cuales son los atributos de nuestra clase.
  2. Una columna será la del titulo del tipo String.
  3. La segunda columna sera la nota, del mismo tipo.



Paso 18.



  1. Tenemos nuestra clase en Parse lista para usarse, asi que pasamos a obtener el paquete de Parse mediante NuGet.
  2. En la consola escribimos lo siguiente: .Install-Package Parse
  3. Se descargará el paquete a nuestro proyecto mostrando un mensaje satisfactorio.
  4. Podremos observar en nuestro explorador de soluciones ya contamos con Parse.






Paso 19.

  1. Agregamos a nuestro proyecto, el namespace de Parse.
  2. Inicializamos Parse, el cual necesitamos dos elementos que nos proporcionan al crear nuestra aplicación. 
  3. Agregamos a nuestra método los parámetros Application ID y .Net Key








Paso 20.

  1. En nuestro archivo MenuPage.xaml contamos con un boton, al cual le vamos agregar un evento con la propiedad Click el cual se generará como un metodo en el archivo MainPage.xaml.cs





Paso 21.

  1. Ya tenemos inicializado Parse así que vamos a guardar nuestra primera nota, para esto Parse nos proporciona toda una libreria para hacer dichas acciones.
  2. La documentación de Parse para .Net la encontraras en el siguiente enlace.


Paso 22.
  1. Vamos a correr nuestra aplicación como lo hemos venido haciendo.
  2. Le agregamos un titulo y la nota y presionamos Crear Nota.
  3. Revisamos en Parse y veremos que se agrego nuestra nota.




Paso 23.
  1. Vamos agregar otro método que se llamará, refrescar, para traer todas las notas que tenemos en Parse.
  2. Guardamos y nos dirigimos a la parte superior para correr la aplicación.



Paso 24.
  1. Al abrir la aplicación se cargan en la lista todas las notas.
  2. Agregamos otra nota y presionamos en Crear Nota.





No hay comentarios:

Publicar un comentario