Curso de PhoneGap

PhoneGap

Tutorial para desarrollar aplicaciones móviles multiplataforma

Introducción | Eclipse y Android | Arquitectura PhoneGap | jQuery Mobile

Proyecto Android con Eclipse

Entorno de desarrollo en Android

• JDK (Android se programa en Java)
• Eclipse
• Android SDK
• Android ADT Plugin para Eclipse
• Android AVD (Android Virtual Device)
• PhoneGap SDK para Android
• Menos PhoneGap, el resto se pueden obtener mediante una descarga única
• Instalación de plugins para desarrollo web con Eclipse

Personalización Eclipse para Web

• Si tuvieramos instalado el Eclipse de Ubuntu 12.04 (Indigo 3.7) podemos desinstalarlo (no es necesario):

sudo apt-get remove eclipse-platform

Descargamos Eclipse Classic, la versión actual es la 4.2 (Juno).

• Descomprimimos el fichero en el directorio que nos parezca (/home/usuario) es una buena opción).
• Si al ejecutarlo nos pide el entorno de java, deberemos instalarlo:

$ sudo apt-get install openjdk-7-jre

• El paquete openjdk-7-jre contiene tan solo el Java Runtime Environment.
• Para desarrollar en Java haría falta instalar el paquete openjdk-7-jdk que contiene el Java Development Kit.
• Creamos el enlace al nuevo Eclipse en nuestro sistema:

juanda@juanda-PC:/usr/bin$ cat eclipse
#!/bin/sh
ECLIPSE=/home/juanda/eclipse/eclipse
exec $ECLIPSE

• Una vez que podamos ejecutar Eclipse, configuramos un nuevo repositorio de descarga de software, desde el menú 'Help->Install new software'

http://download.aptana.com/studio3/plugin/install

• Otra opción es instalar plugins específicos (es la que yo prefiero).

Instalación de plugins html y javascript para Eclipse

• Help->Install new software
• Seleccionamos en los repositiorios el de Juno: Juno - http://download.eclipse.org/releases/juno e instalamos:

Web Developer Tools (html, css y javascript)

JavaScript Development Tools

Instalación plugin de jQuery para Eclipse Juno

• Instalamos el Marketplace de Eclipse desde Help->Install new Software
• Ejecutamos Help->Eclipse Marketplace y buscamos JSDT jQuery y lo instalamos
• Configuración:

Project Explorer->JavaScript Resources

Properties (botón derecho) y pulsamos en Add JavaScript Library y seleccionamos jQuery.