PhoneGap es un framework que permite desarrollar aplicaciones móviles utilizando HTML, CSS y JavaScript. Ofrece APIs para acceder a funcionalidades del dispositivo como la cámara, GPS y almacenamiento. Con Dreamweaver se puede crear una aplicación PhoneGap mediante plantillas, agregar contenido y estilos CSS. Luego se modifica el archivo config.xml y se sube el proyecto a PhoneGap Build, el cual genera un código QR para instalar la aplicación en dispositivos Android y iOS.

1. PHONEGAP

2. Que es PhoneGap?
• Framework para el desarrollo de Aplicaciones móviles.
• Tecnologías:

3. APIS PhoneGap
• Cámara
• Acelerómetro
• GPS
• Notificaciones
• Almacenamiento
• Sistemas de Ficheros
• Compas
• Media

4. Sistemas Operativos

5. Software

6. Crear Aplicación con Dreamweaver
• Crear sitio nuevo: (conjunto de archivos que utiliza el sitio web.)

7. Crear Aplicación con Dreamweaver
• Para escoger una plantilla por defecto seleccionamos:
Crear Nuevo-más-Página de Muestra-Mobile Starters-
jQuery Mobile(local):

8. Crear Aplicación con Dreamweaver
• Observamos que se nos ha cargado un documento HTML y también podemos ver como es la diseño de la plantilla:

9. Crear Aplicación con Dreamweaver
• Guardamos la plantilla como Index.html, cuando demos a guardar se nos pedirá unos archivos a copiar a nuestra carpeta ,
que los necesitaremos más adelante a la hora de compilar el código:

10. Crear Aplicación con Dreamweaver
• A partir de aquí ya podemos ir creando nuestra aplicación poniendo imágenes, poner más menús si son necesarios,
submenús….
• Para cambiar colores o poner estilos a nuestra hoja lo podemos hacer en la pestaña de CSS que ya viene por defecto:

11. Crear Aplicación con Dreamweaver
• Nuestra aplicación ya esta terminada:

12. Crear Aplicación con Dreamweaver
• Una vez tengamos la aplicación vamos a modificar el archivo principal “config.xml”. Para que nos salga el archivo hay que ir
a la pestaña sitio-servicio de phonegap build- servicio de phonegap build. Se nos abre una ventana donde tendremos que
registrar un Id de Adobe:

13. Crear Aplicación con Dreamweaver
• Se nos abre otra ventana donde tendremos
que dar a crear como nuevo proyecto y continuar:

14. Crear Aplicación con Dreamweaver
• Vamos a configurar el archivo “config.xml”, para ello ir a la dirección de abajo, donde lo explica a la perfección
http://docs.build.phonegap.com/en_US/configuring_basics.md.html
• Una vez tengamos el archivo vamos a la web de phonegap build, creeamos una cuenta adobe. Caundo ya nos hayamos
regsitrado nos aparecerá la siguiente ventana:

15. Crear Aplicación con Dreamweaver
• En upload zip file subimos el rar de nuestra aplicación una vez subida nos saldrá la siguiente ventana:
• Al subirlo se crea un código QR que será la instalación de nuestra aplicación (.apk). Con un software como QR Droid para
los usuarios de android, escaneamos el código y lo guardamos. Después lo instalamos y ya tendremos nuestra apliación para
usarla en nuestros dispositivos.

16. Bibliografía
• Video Tutorial:
https://www.youtube.com/watch?v=aQfGcYHxpGI
• Manual:
http://docs.build.phonegap.com/en_US/#googtrans(en)

17. FIN