Facebook Twitter RSS Reset

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

Bienvenidos al Post

Crea una App (Android/iOS/Windows) con Monaca IDE y OnsenUI

[size15]

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

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

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:

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

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.

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

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

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

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

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

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.

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

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.

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

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)

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

algo asi tendra que aparecer.

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

luego vamos donde dice Build y build for android..

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

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

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

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

y nos aparecera esto..

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

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

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

[/size]Te enseño a hacer una App Android con MonacaIDE y OnsenUI

BUENO ESTO ES UN PEQUEÑO ABREBOCAS DE LO QUE SE PUEDE LLEGAR A HACER CON ESTE FRAMEWORK, EN FUTURAS ENTRADAS HARE APPS MAS COMPLETAS Y EXPLICADAS PASO A PASO SU CODIGO FUENTE. SALUDOS SI DESEAN SABER MAS POR FAVOR COMENTEN!!! SOY TODO OJOS JAJAJA XD

GRACIAS POR TU VISITA, SIGUE LEYENDO Y SERAS INVENCIBLE

No comments yet.

Leave a Comment