APLICACION HIBRIDA ANDROID

4
ESCUELA SUPERIOR POLITÉCNICA DEL LITORAL FACULTAD DE INGENIERÍA EN ELECTRICIDAD Y COMPUTACIÓN MAESTRÍA EN TELECOMUNICACIONES DESARROLLO DE APLICACIONES DE TELECOMUNICACIONES STEVEN CAICEDO-JEANNETH PAREDES-RAMIRO AGILA DESARROLLO DE UNA APP HÍBRIDA CON EL USO DE APACHE CORDOVA QUE PERMITA EL ENVÍO DE UN EMAIL SIN NECESIDAD DE LOGUEARSE EN UNA CUENTA . Primero Descargamos e instalamos NODE.js Previamente tenía instaldo el SDK de Android ya que hace un tiempo lo instalé para usarlo con ANDROID STUDIO Desde el terminal podemos instalar APACHE CORDOVA Crear nuevo proyecto(debemos dirigirnos a la dirección de APACHE CORDOVA) Añadir plataforma(Android)

description

Desarrollo de app básica con el uso de apache cordova

Transcript of APLICACION HIBRIDA ANDROID

Page 1: APLICACION HIBRIDA ANDROID

ESCUELA SUPERIOR POLITÉCNICA DEL LITORAL FACULTAD DE INGENIERÍA EN ELECTRICIDAD Y COMPUTACIÓN

MAESTRÍA EN TELECOMUNICACIONES DESARROLLO DE APLICACIONES DE TELECOMUNICACIONES

STEVEN CAICEDO-JEANNETH PAREDES-RAMIRO AGILA

DESARROLLO DE UNA APP HÍBRIDA CON EL USO DE APACHE CORDOVA QUE PERMITA EL ENVÍO

DE UN EMAIL SIN NECESIDAD DE LOGUEARSE EN UNA CUENTA .

Primero Descargamos e instalamos NODE.js

Previamente tenía instaldo el SDK de Android ya que hace un tiempo lo instalé para usarlo con ANDROID STUDIO

Desde el terminal podemos instalar APACHE CORDOVA

Crear nuevo proyecto(debemos dirigirnos a la dirección de APACHE CORDOVA)

Añadir plataforma(Android)

Page 2: APLICACION HIBRIDA ANDROID

Una vez creado nuestro proyecto vemos el arbol del proyecto

Como vemos tenemos una carpeta www

Es aquí donde podemos desarrollar nuestra app Android como si estuvieramos desarrollando una pagina WEB cualquiera.

La app básicamente es un pantalla de introducción y un formulario usando HTML5 y CSS, el envío del email lo hace un script en PHP que esta alojado en un servidor de BLUEHOST.

Como vemos en el formulario HTML se llama a un script llamado mailappmovil.php alojado en el servidor antes mencionado (me reservo el resto de la dirección URL).

La app se provó primero en un anvegador WEB, basta con hacer doble click al archivo index.html del arbol antes mecionado.

Page 3: APLICACION HIBRIDA ANDROID

Vista web

Emulador

Luego se uso el emulador, usando el siguiente comando:

Page 4: APLICACION HIBRIDA ANDROID

Finalmente se probó en un dispositivo móvil real. EL archivo .apk que se instala en el dispositivo android real se genera automáticamente y se encuentra en el directorio:

Este archivo es pasado al teléfono e instalado. El resultado es el siguiente:

VEMOS EL EMAIL RECIBIDO