APLICACION HIBRIDA ANDROID
-
Upload
steven-caicedo -
Category
Documents
-
view
214 -
download
0
description
Transcript of APLICACION HIBRIDA ANDROID
![Page 1: APLICACION HIBRIDA ANDROID](https://reader036.fdocuments.ec/reader036/viewer/2022072002/563db9b4550346aa9a9f1ff5/html5/thumbnails/1.jpg)
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](https://reader036.fdocuments.ec/reader036/viewer/2022072002/563db9b4550346aa9a9f1ff5/html5/thumbnails/2.jpg)
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](https://reader036.fdocuments.ec/reader036/viewer/2022072002/563db9b4550346aa9a9f1ff5/html5/thumbnails/3.jpg)
Vista web
Emulador
Luego se uso el emulador, usando el siguiente comando:
![Page 4: APLICACION HIBRIDA ANDROID](https://reader036.fdocuments.ec/reader036/viewer/2022072002/563db9b4550346aa9a9f1ff5/html5/thumbnails/4.jpg)
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