Desarrollo de aplicaciones móviles con jQuery Mobile, Android SDK y PhoneGap (parte 1)

por Óscar Antón el a las

Este post pretende ser una introducción de como preparar el entorno de desarrollo para comenzar con PhoneGap y Android SDK.

Como os comentamos en este post, el próximo día 28 vamos a impartir un workshop en Barcelona de la mano de WeLoveJS, este tutorial es para todos aquellos que quieren iniciarse en PhoneGap y/o Android SDK.

Instalar JDK

Lo primero es lo primero, y es instalar el Java Development Kit (JDK), para ello haremos lo siguiente:

Windows:

Nos vamos a la web de Oracle, lo descargamos y lo instalamos: http://www.oracle.com/technetwork/java/javase/downloads/index.html

Linux:

Comprueba si lo tienes instado con:

$ java -version

 Si no lo tienes instalado entonces:

Ubuntu/Debian...:

$ sudo apt-get install openjdk-6-jre

Fedora/Red Hat...:

$ su -c "yum install java-1.6.0-openjdk"

Mac:

Debería estar preinstalado, pero compruébalo:
$ java -version

Si no lo tienes descárgalo de: http://connect.apple.com/

Instalar Eclipse:

Una vez instalado, toca instalar Eclipse, para ello nos vamos a la página de descargas:

http://www.eclipse.org/downloads/
Y nos bajamos la versión Eclipse IDE for Java EE Developers, ya que vamos a necesitar las WST para Javascript y PhoneGap.
La instalación es tan sencilla como descomprimirlo y abrir el ejecutable eclipse.

Instalar Android SDK

Descargar el SDK para vuestro sistema operatívo: http://developer.android.com/sdk/index.html

Descomprimid el SDK donde prefirais, en mi caso lo instalaré en

/home/usuario/dev/android-sdk-linux

Hecho esto cambiamos la variable de entorno PATH, en mi caso voy ha hacerlo en Ubuntu (en windows Equipo->Propiedades->Variables de Entorno y en mac editando .bash_profile y añadiendo la misma linea del ejemplo):

$ gedit ~/.bashrc

Y añadimos la linea donde descomprimimos el SDK:

export PATH=${PATH}:/home/usuario/dev/android-sdk-linux/tools

Reiniciamos el bash:

$ source ~/.bashrc

Ahora instalamos el SDK:

$ android

Vamos a instalar el API 15, en la wiki oficial de PhoneGap recomiendan instalar a partir de la API 7.

Despues de un rato de descarga de paquetes...

Configurar Eclipse para Android SDK

Abrimos eclipse, Ayuda->Install New Software:

Después pulsamos Add e introducimos:

Name: Android Plugin
Location: https://dl-ssl.google.com/android/eclipse/

Seleccionamos los paquetes e instalamos, os saldrá un Warking, dadle a OK y reiniciad eclipse.

Al reiniciar, le indicamos a eclipse donde esta el SDK:

Ya lo tenemos ;)

Nuestro Primer Android Virtual Device (AVD)

Vamos a crearnos un terminar virtual para probar las aplicaciones que desarrollemos, para ello seleccionamos Window > AVD Manager:

Configuramos nuestra maquina tal que asi:

Con esto ya tenemos el emulador de Android configurado para empezar ha hacer pruebas, para asegurarnos que todo funciona correctamente crearemos un proyecto de prueba para ejecutar el emulador.

Crear Proyecto Ejemplo de Android

File->Project->Android->Android Sample Project

Seleccionamos el SDK de Android:

 Seleccionamos el Ejemplo "Witionary":

Finish y ahora ejecutamos el programa con Ctrl+F11 o Run->Run, se compilará el proyecto de ejemplo y cargará el emulador:

Eso es todo, si os ha servido o teneis dudas, podeis dejar vuestros comentarios.

En el próximo post prepararemos el terreno para el Workshop de WeLoveJS mostrandoos como crear una app con PhoneGap ;)

facebook

twitter