App Studio: 15 pasos para crear una aplicación

enero 14, 2015 Christian Amado 0 Comentarios

Introducción

Básicamente Windows App Studio es una aplicación Web que permite crear aplicaciones para las plataformas Windows Store y Windows Phone. Permite al usuario crear aplicaciones realmente sorprendentes y también permite al desarrollador descargar el código fuente para mejorar, actualizar o eliminar elementos para mejorar aún más la aplicación creada.

Contexto

En el mundo de App Studio, no hay muchos secretos a la hora de crear una aplicación que nos resulte útil. Pero he aquí algunos pasos que podrían ser útiles:

  1. La idea: Tener una base sólida sobre qué deseamos construir.
  2. La herramienta: Sin muchos detalles, App Studio, para simplificar y acelerar el desarrollo.
  3. Los minutos de desarrollo: El tiempo invertido en el desarrollo del programa (máximo 45 minutos, para un proyecto amplio).
  4. Publicación: Publicar la aplicación directamente en el Store. ;)
  5. Descargar Código Fuente(opcional): Para un backup o realizar las modificaciones necesarias.
Con estos pasos bien definidos, podemos realizar aplicaciones sencillas y complejas con el mínimo esfuerzo. Y también ganarnos unos $ si así lo deseamos. :P

Creando la primera aplicación

Como el código fuente no existe, no podría ponerlo aquí. Todo se realiza mediante interfaces gráficas ;)

Paso 1

Ingresamos a la aplicación web que se encuentra en http://appstudio.windows.com/es-es, iniciamos sesión con nuestra cuenta de desarrollador Windows, hacemos clic en el botón "Iniciar Proyecto Nuevo" y veremos el Dashboard de la aplicación.

Paso 2

Una vez iniciado el proyecto, veremos las distintas plantillas disponibles:


Paso 3

Debemos seleccionar la plantilla que utilizaremos (en este caso una plantilla vacía):


Paso 4

Creamos la aplicación seleccionada:


Paso 5

Ya en el formulario de creación, colocamos el nombre de la aplicación (punto 1 en la figura) y cambiamos el logo (punto 2 en la figura):

Paso 6

Seleccionamos la opción de logo que más nos convenga, en este caso, recursos de App Studio:


Paso 7

Seleccionamos la imagen y aceptamos el mensaje de información posterior


Paso 8

Agregamos la sección deseada a la aplicación (en este caso, Rss):


Paso 9

Agregamos los campos solicitados y hacemos clic en el botón "Confirm":


Paso 10

Agregamos otra sección (en este caso, HTML):


Paso 11

Completamos los campos solicitados y hacemos clic en el botón "Confirm":


Paso 12

Guardamos los cambios realizados en la pestaña "Content" y nos dirigimos a "Theme":


Paso 13

Seleccionamos el tema que más se ajusta a nuestras necesidades, hacemos clic en "Select" y luego "Save":


Paso 14

En la pestaña "Tiles" buscamos el mosaico que más se ajuste a nuestras necesidades y lo guardamos:


Paso 15

Por último, procedemos a guardar la información relacionada con la publicación de la aplicación:


La aplicación funcionando, se vería de esta forma:


Conclusión

Con estos quince pasos hemos logrado crear una aplicación de dos secciones y lista para ser lanzada al mercado, tanto de Windows Store como Windows Phone. En esta entrada he intentado mostrar cómo crear la aplicación, en otra entrada veremos como publicarla. Pero, si ya no aguantas más puedes leer la documentación de Microsoft aquí.
¡Quédate atent@ para dicha entrada!

Christian Amado