Universidad San Carlos de Guatemala

Facultad de Ingeniería
Escuela de Ciencias y Sistemas
Análisis y Diseño de Sistemas 2
Catedrático: Ing. William Samuel Guevara Orellana
Tutor académico: Luis Carlos Valiente Salazar

Nombre: Mario Jeancarlo Morales Rivas Carnet: 201504394

Hoja de Trabajo #3
Manual de instalación de PhoneGap

1. Lo primero es instalar Apache Cordova. Para esto buscamos Apache Cordova en

Google e ingresamos al primer link de la búsqueda.
2. Luego vamos a la sección “Get Started” de Apache Cordova. Podemos observar
que es necesario instalar Node Js

3. Para descargar Node Js vamos a este link: https://nodejs.org/en/. Y

descargamos la última versión estable y la instalamos.
4. Ahora copiamos el primer comando en la página de Cordova. Y lo ejecutamos
en nuestra consola.
5. Cuando termine la instalación veremos la versión de cordova instalada, el
número de paquetes añadidos y el tiempo de instalación.

6. Luego de instalar Apache Cordova. Entonces buscamos PhoneGap en Google e

ingresamos al primer link de la búsqueda.
7. Luego vamos a la sección “Get Started” de PhoneGap. Y nos dirigimos al manual
de instalación.

8. Ahora copiamos el primer comando en el tutorial de instalación para instalar

phonegap.
9. Podemos comprobar la instalación de PhoneGap escribiendo “phonegap” en la
consola.
10. El siguiente paso es instalar el SDK de Android Studio. Para realizar buscamos
Android studio en Google. Y en el primer enlace veremos la opción para
descargarlo. La instalación consiste en solo darle Next y Next a todo.
11. Ahora debemos instalar el JDK de java. Para esto vamos a la página oficial de
java, elegimos el sistema operativo, y la arquitectura en la que vamos a
desarrollar. Debemos crear una cuenta en Oracle para terminar la descarga.

12. Para terminar la instalación descargamos la aplicación de escritorio para

Windows desde la página oficial.
13. Por último instalamos la aplicación Mobile PhoneGap Developer en nuestro
celular para realizar pruebas.
 Hola Mundo en PhoneGap

1. Ejecutamos PhoneGap desktop y creamos un nuevo proyecto

2. Lo llamamos Prueba y lo creamos en el Escritorio

3. Esperamos un momento y podremos ver que nuestro proyecto tiene una dirección
de servidor asociada.

4. Si accedemos a esta dirección desde un navegador web veremos lo siguiente

5. Para editar este contenido editamos el archivo index.html contenido en la carpeta
www en nuestro proyecto.

6. Nuestra pantalla se actualizará sola mostrando los cambios.