Te enseño a hacer una App Android con MonacaIDE y OnsenUI

Actualmente Crear una aplicacion para Dispositivos Moviles es relativamente sencillo, basta con saber un poco de HTML, CSS y JS.

Generar un apk realmente ya no es un misterio, ni tampoco ya se hace necesario (para algunas cosas) saber un lenguaje de programación nativo para programar en las plataformas de los diferentes sistemas operativos para dispositivos moviles. Basta con saber usar lenguajes de web en Frameworks que la tarea por ti, bueno no todas pero si la mayoria.

Personalmente recomiendo usar este tipo de tecnologias a la hora de crear una app hibrida y que no requiera de acceso al hadware del equipo, es decir es mas como para apps informativas o inclusivo recursivas con uso de webservices.


Sin mas introduccion, les mostrare el framwork con el cual tuve la experiencia de aprender como funciona y que alcance tiene, aunque para este tutorial mostrare un ejemplo muy sencillo (algo asi como un hola mundo ya predefinido) pero que en esencia mostrara como crear una app para android/ios/windows/chrome desde el principio hasta el fin (corriendo en el telefono o dispositivo movil)



Monaca Onsen UI



lo primero que tenemos que hacer es entrar al siguiente link
https://monaca.io/

y registrarnos, dando click donde dice la imagen, nos aparecera algo como esto:





tendremos que registrarnos con ese formulario y luego se nos enviara un correo de confirmacion al correo que hayamos ingresado, entraremos al correo y activaremos la cuenta para poder usar el IDE WEB.


Una vez hayamos confirmado el registro, accederemos a nuestro perfil haciendo login con el usuario que registramos ... luego al dashboard del perfil para poder empezar a crear nuestro proyecto.





y apenas hayamos ingresado tendremos que dar click donde dice new project y luego selecciona una plantilla de las predefinidas que carga el IDE...




nos saldra algo como lo siguiente donde nos pide el titulo de la app y una descripcion.




luego de esto nos creara el proyecto en nuestro dashboard y nos permitira abrir el propyecto para empezar a editar la plantilla y luego poder compilar y generar el apk en mis caso que poseo un dispositivo android.




luego que abramos el proyecto nos saldra el IDE con el acceso al codigo en el cual se programara la app (usualmente es html css y js) pero con algunas palabras reservadas del framework.

aca una imagen donde señalo la parte donde estan las plataformas donde el IDE las exporta, asi como tambien la parte donde estan los achivos .html .css y .js.

tambien una serie de botones los cuales nos permitiran mas adelante configurar y exportar el apk de al app, sin olvidar la parte donde nos muestra el preeview de como se esta viendo la app antes de exportarla.




bien, aqui es ya donde cada quien modifica el html y los css y js a su gusto, estas apps se rigen bajo el modelo vista controlador, alguien con conocimienmtos en lenguajes web haria una super app en menos de 1 dia. para no extender tanto el tutorial proseguire mostrando como configurar y exportar el apk de la app de ejemplo "hola mundo"


lo que haremos en configurar unas llaves de acceso (en mi caso para android)




algo asi tendra que aparecer.




luego vamos donde dice Build y build for android..




luego tendremos que decidir el metodo de compilacion, entonces usaremos el siguiente...





una ves hayamos elejido el metodo de compilacion solo queda darle descargar




y nos aparecera esto..



aca eligiremos esta opcion para descargar el apk desde el navegador, solo quedaria, llevar el apk al dispositivo e instalarla...