CREACIÓN DE UNA GALERÍA DE
IMÁGENES Y GEOLOCALIZACIÓN
USANDO PHONEGAP
Maestría en Ingeniería de Redes y Servicios Telemáti...
PhoneGap
• Phonegap es un marco de desarrollo móvil de
código abierto que permite el uso de las
tecnologías web estándar, ...
Instalación de Phonegap
• Los pasos para la instalación en la dirección:
http://phonegap.com/
• Instalado Node.js
• Abrir ...
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...
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.READ_EXTER...
API - CAMARA
• Instalación del Plugin
$ cordova plugin add org.apache.cordova.camera

• camara.getPicture
Toma una foto co...
Galería
Implementació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.geolocat...
Google maps
GRACIAS
Galería de Imagenes con Geolocalización utilizando Phonegap
Upcoming SlideShare
Loading in …5
×

Galería de Imagenes con Geolocalización utilizando Phonegap

1,450 views

Published on

Galería de Imagenes con Geolocalización utilizando Phonegap

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,450
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Galería de Imagenes con Geolocalización utilizando Phonegap

  1. 1. CREACIÓN DE UNA GALERÍA DE IMÁGENES Y GEOLOCALIZACIÓN USANDO PHONEGAP Maestría en Ingeniería de Redes y Servicios Telemáticos Aplicaciones y Sistemas Colaborativos en la Web 2.0
  2. 2. 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.
  3. 3. 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
  4. 4. Android en Phonegap • Tener instalado el sdk de android • Ejecutar en un cmd: cordova platform add android • cordova build
  5. 5. 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.
  6. 6. <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" />
  7. 7. 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.
  8. 8. Galería Implementación de Función
  9. 9. Implementación de Función listDir
  10. 10. Geolocalización • Geolocalización proporciona información de ubicación para el dispositivo, tales como latitud y longitud.
  11. 11. 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; }
  12. 12. Google maps
  13. 13. GRACIAS

×