Galería de Imagenes con Geolocalización utilizando Phonegap
-
Upload
washington-velasquez -
Category
Technology
-
view
853 -
download
0
description
Transcript of Galería de Imagenes con Geolocalización utilizando Phonegap
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