Universidad de San Carlos de Guatemala

Facultad de Ingeniería
Escuela de Ciencias y Sistemas
Análisis y Diseño 2
David Andrés Alcázar Escobar 201504480

Manual de Instalacion Phonegap/cordova

Windows
Requisitos
Previo a la instalación de PhoneGap para Windows se necesita tener instalado lo siguiente:

 Node.js : Disponible
https://nodejs.org/en/
 Git: para la instalación de funcionalidades específicas, npm, etc.
Disponible en: https://git-scm.com/

Instalación
Para la instalación de PhoneGap se puede utilizar la siguiente línea de paquetes Npm y tener
acceso a la línea de comandos de la misma.
npm install -g phonegap

O utilizar su versión de Escritorio PhoneGap Desktop

Instalación PhoneGap Desktop

Se deberá ir a la siguiente página https://phonegap.com/getstarted/ y se descarga la opción
disponible para Windows.
Se selecionara la carpeta en la que se guardara el programa.

Una vez descargado se ira a la carpeta donde se guardo y se ejecutara como administrador.
Se aceptara la licencia y se da click en Siguiente.

Se seleccionara la ubicación donde se instalara el programa y se dara click en Siguiente.

Se dejara por defecto y se dara click en Siguiente.

Se confirmara el proceso de instalacion.

Considera que en algunos equipos esta última parte de la instalación puede ser algo tardada
por lo que no debemos cerrar el instalador.
Una vez terminado cerraremos el instalador.

Ahora tendremos ya instalado PhoneGap Desktop y procederemos a buscar y abrir el

programa
Creacion de un Nuevo Proyecto
Dentro de la aplicación iremos a la pestaña File y crearemos un nuevo proyecto.

Teniendo las opciones de crear el proyecto en base a las necesidades que tengamos.
Podremos elegir el lugar donde se creara el proyecto y el nombre tendrá la aplicación. Además
de poder darle un identificador único que es usado por las tiendas de aplicaciones para
guardar y encontrar las distintas aplicaciones.
Al momento de correr la aplicación se mostrara el puerto en el que se encuentra funcionando
y que no servirá para conectarse con los dispositivos Android.
Debido que a que PhoneneGap Desktop se encuentra en fase Beta puede que la interfaz que
nos provee presente dificultadas y no pueda ser visualizada correctamente. Por lo que se
recomienda apoyarse con un editor de texto o IdE.
Instalacion Android
Para su funcionamiento se requiere la instalación de lo siguiente:

https://play.google.com/store/apps/details?id=com.adobe.phonegap.app

Al abrir la aplicación deberá de elegir la dirección y el puerto en el que está funcionando

PhoneGap Desktop, por lo que se deberá de estar en la misma red y el PhoneGap Desktop
deberá estar funcionando.
Se deberá de escribir la dirección y el puerto que muestra la aplicación.

Y de esta forma la aplicación mostrar el contenido de la pagina creada.

Editar Ejemplo1
Se utilizar el editor Visual Studio Code y se abrirá la ubicación del proyecto creado.

Se creara agregaran un ejemplo con una plantilla en Bootstrap.

Disponible en: https://startbootstrap.com/themes/freelancer/

Vista web.
Vista desde La Aplicaion Android