Hace un par de días hablé sobre el App Inventor para conocerlo y probar su funcionamiento. Ahora voy a hablar de Phonegap, un framework de desarrollo de apps que permite hacerlo utilizando lenguaje Web como son HTML, Javascript y CSS. Como es Web, es soportado prácticamente por todos los dispositivos móviles lo cual da mucha ventaja a la hora de empezar a crear apps porque no hace falta adaptar el código en función del sistema operativo donde irá instalado. Y para probarlo voy a explicar los pasos:

1.- Primero hay que instalarse un entorno de desarrollo. Yo recomiendo Eclipse porque existe un plugin para instalar phonegap en él. Nos descargamos eclipse de aquí. Existe un pack ya creado con el entorno de desarrollo Eclipse en  una carpeta y android SDK en otra instalados y compatibles, se llama ADT (Android Development Tools). En caso de optar por esta opción, saltar al punto número 4.

2.- El siguiente paso es descomprimir Eclipse donde queramos tenerlo y lo arrancamos.

3.- Una vez abierto ya podemos comenzar a instalar los plugins necesarios para poder crear proyectos android con Phonegap. Empezaremos por el SDK de android, para ello, accedemos al menú “Help -> Install New Software”. A continuación nos aparecerá una ventana emergente.

Instalar plugins

Instalar plugins

Pulsamos en el botón llamado “Add” que está en la parte derecha de la ventana y en el hueco para introducir datos al lado de “Location” copiamos esta dirección: “https://dl-ssl.google.com/android/eclipse/”. Para completar la instalación del plugin pulsamos en el botón “Ok” y aceptamos la licencia. Al final tendremos que reiniciar el Eclipse.

Añadir repositorio

Añadir repositorio

4.- Cuando se reinicie el Eclipse, tendremos que volver a hacer los mismos pasos para instalar otro plugin, esta vez el de Phonegap. Accedemos al menú “Help -> Install New Software” y en el botón “Add” copiamos esta dirección: “http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download” Y para completar con la instalación pulsamos el botón “Ok” y aceptamos la licencia. De nuevo Eclipse pedirá reiniciarse.

5.- Ahora que ya tenemos instalados los dos plugins, podemos crear un proyecto de Phonegap para empezar a desarrollar apps. Este paso se realiza pulsando en el nuevo botón del móvil que se ha añadido en la barra de botones al instalar el plugin. Lo primero que tendremos que decidir es qué librerías de estilos usar, jQuery Mobile o Sencha Touch. Por último solo nos quedará pulsar en “Next” para ir pasando de pantallas y proporcionando los datos como el nombre del proyecto y el nombre del paquete (suele ser extension.dominio.nombreproyecto).

Crear proyecto Phonegap

Crear proyecto Phonegap

6.- Ya tenemos la aplicación base creada con un ejemplo de jQuery Mobile. Para ejecutarlo y ver cómo se muestra en el emulador android, con el proyecto seleccionado pulsamos en el botón que es una flecha en un circulo verde y seleccionamos la opción “Run as -> Android application”.

Ejecutar proyecto phonegap

Ejecutar proyecto phonegap

Con esto ya tenemos preparado el entorno de desarrollo para hacer nuestras propias apps, pero eso ya iremos comentando más adelante.

One Thought on “Conociendo Phonegap

  1. Pingback: Phonegap: navegando entre pantallas en una app Web | Aprender a programar apps

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Post Navigation

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies