Instalación de Phonegap en Windows 10

1. Universidad de San Carlos de Guatemala
Facultad de Ingeniería
Escuela de Ciencias y Sistemas
Curso: Análisis y Diseño de Sistemas 2
Sección: A+
Ing. William Guevara
Aux: Luis Carlos Valiente Salazar
INSTALACIÓN PHONEGAP WINDOWS
Apellidos Nombres Carné
Godínez Delgado Carlos Esteban 200819214

2. INSTALACIÓN PHONEGAP EN WINDOWS 10
Phonegap es un framework para desarrollar aplicaciones para móviles, pero con
tecnología web disponibles. PhoneGap nos permite desarrollar aplicaciones
HTML5 que también se usan en móviles o Web. Con esta opción se crean
aplicaciones hibridas para que se usen en cualquier plataforma, sin embargo, se
tienen ciertas limitaciones por su misma implementación multiplaforma.
PhoneGap anteriormente perteneció a Adobe pero que fue donada a la fundación
Apache que a través de su sitio lo nombro como un proyecto web llamado Apache
Cordova y está basado principalmente en una envoltura que nos permite ejecutar
aplicaciones desarrolladas con HTML, CSS y JavaScript pero que se pueda usar
en móviles. Es bastante adaptable con otros frameworks como Semcha. Las
aplicaciones desarrolladas con PhoneGap se pueden publicar en (Google Play,
Windows Store o App Store de Apple)
La principal ventaja de PhoneGap es que permite escribir una única vez el código
de la aplicación, con tecnologías HTML5, y publicarlo en cualquier plataforma
móvil dentro de las más conocidas.
Algunas ventajas de Phonegap son:
• Rápida
• Gratis
• Multiplataforma
• Buen Diseño HTML5
Instalación:
Requisitos:
• Java JDK
• Apache Ant
• NodeJs
• Phonegap desde consola/Desktop
• SDK Android

3. Instalación Java JDK
Nos redireccionamos al link:
http://www.oracle.com/technetwork/java/javase/downloads/index.html,
Presionamos el botón DOWNLOAD , la cual nos redireccionara a una nueva
pantalla donde seleccionaremos nuestra opcion de windows

4. Aceptamos los terminos de licencia y luego presioamos la opcion de alguna de las
que queremos para windows para que inicia la descarga
Presione el boton Next en cada pantalla

5. Luego se inicia la instalacion

6. Elegimos la ubicación para instalar el jdk
Se termina de realizar la instalación

7. Se nos muestra la instalacion finalizada y presionamos el boton Close
Instalación Apache Ant
Nos direccionamos al link: http://ant.apache.org/bindownload.cgi
Esta librería servirá para compilación de proyectos java para nuestras aplicaciones
Android, generalmente se puede colocar la carpeta descargada en el disco C

8. Apache ant ubicado en el Disco C:
Instalación Android Studio
Para instalar Android Studio SDK nos redireccionamos al siguiente enlace:
https://developer.android.com/studio
Presionamos el botón para descargar Android studio

9. Luego presionamos el instalador para iniciar el proceso de instalaicón
Y presionamos el boton Next

10. Y de esa misma forma seleccionamos los componenetes que necesitamos para
nuestro entorno android
Luego aceptamos los terminos y comenzara la instalación

12. Instalación NodeJs
Nos dirigimos a la página oficial de NodeJs: www.nodejs.org y descargamos la
opción seleccionada
Al terminar de descargar y hacer doble click sobre el instalador nos mostrará

13. Aceptamos los terminos y condicones y presionamos el boton Next
Verificamos la localizacón donde se instalara NodeJs

14. Presionamos el botón Installa para que inicie la instalación

15. Nos muestra el progreso de la instación
Presionamos el boton Finish y se habra terminamo de instalar NodeJs

16. Para comprobar la instalaión correcta ingresamos el comando NODE en la
consola de windows
Instalación PhoneGap
Esta instalación se realiza a traves de la consola de NodeJs atraves del comando:
npm install -g cordova
Tambien para verificar la instlación se ignresa el comando : cordova y mostrará lo
siguiente

17. Configuración de variables de sistema
JAVA JDK
Luego de realizar la instalación se configura la variable de entorno para Java al
path de windows. Se debe ir a la propiedades de Mi PC

18. APACHE ANT

19. ANDROID HOME
Con el siguiente comando se crea el proyecto
cordova create MiProyecto net.openwebinars.app miprimeraapp

20. Luego verificamos en la ruta que se agrego en el comando
Desde la consola de NodeJs ingresamos para el directorio recientemente creado:
carpeta_ayd2
Cd carpeta_ayd2
Luego ingresamos el comando
Cordova platform add android
Para que nos agregue el paquete android y asi podamos correr nuestro proyecto
en ese ambiente android

21. Verificamos que se halla agregado adecuadamente android a nuestro proyecto
Luego se realiza la construccion de nuestro proyecto para android con el
comando:
Cordova build android

22. Y modificamos el html del index para la correcta verificacion desde el telefono por
medio del comando
Cordova run android --device

23. Este seria el resultado final