CREACIÓN DE UNA GALERÍA DE IMÁGENES Y

GEOLOCALIZACIÓN USANDO PHONEGAP

Maestría en Ingeniería de Redes y Servicios TelemáticosAplicaciones y Sistemas Colaborativos en la Web 2.0

PhoneGap

• Phonegap es un marco de desarrollo móvil de código abierto que permite el uso de las tecnologías web estándar, como HTML5, CSS3 y JavaScript.

Instalación de Phonegap

• Los pasos para la instalación en la dirección: http://phonegap.com/

• Instalado Node.js• Abrir un cmd (Gestor de línea de Comandos):

C: \> npm install-g phonegap C: \> npm install -gf cordova

• Para empezar a crear una aplicación empezamos escribiendo la siguiente línea de comando

cordova create hello com.example.hello HelloWorld

Android en Phonegap• Tener instalado el sdk de android

• Ejecutar en un cmd: cordova platform add android

• cordova build

Iniciando el IDE Android

• Inicie la aplicación Eclipse. • Seleccionar la opción Nuevo proyecto. • Elegir proyecto Android de código existente

en el cuadro de diálogo que aparece.• Vaya a hello , o cualquier directorio que ha creado

para el proyecto, en el directorio platforms/android.

• Pulse en Finalizar.

<uses-permission android:name="android.permission.VIBRATE" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

AndroidManifest

API - CAMARA• Instalación del Plugin

$ cordova plugin add org.apache.cordova.camera

• camara.getPicture Toma una foto con la cámara, o recupera una foto de la galería de imágenes del dispositivo.

GaleríaImplementación de Función

Implementación de Función listDir

Geolocalización• Geolocalización proporciona información de

ubicación para el dispositivo, tales como latitud y longitud.

API Geolocalización• Instalación del Plugin

$ cordova plugin add org.apache.cordova.geolocation

• USO

navigator.geolocation.getCurrentPosition(onSuccesLo, errorLo);

function onSuccesLo(position){lat = position.coords.latitude;long = position.coords.longitude;

}

Google maps

GRACIAS