Empezando con Android, Phonegap y jQuery Mobile en eclipse

logos de jquery mobile, eclipse, phongap y androidNota: este tutorial se hizo cuando salió phonegap 2 y van por el 3 asi que ya esta algo obsoleto 🙁

En este articulo vamos a dejar la base lista para desarrollar nuestra aplicación para moviles. Aquí simplemente dejaré una serie links a tutoriales de instalacion del software básico para empezar a trabajar con phonegap.

Para quien no le suene todos estas cosas voy a empezar describiendo brevemente cada una de las cosas que vamos a instalar.

  • Phonegap: es un framework que nos permite crear aplicaciones para distintas plataformas moviles como android o windows phone usando HTML5, Javascript y CSS.
  • jQuery: es una libreria Javascript bastante famosa y que nos facilita bastante la tarea.
  • jQuery Mobile: una libreria basada en jQuery y jQuery UI enfocada a los dispositivos moviles.
  • Eclipse: el IDE que vamos a usar.
  • Android SDK: el kit de desarrollo de android, incluye el emulador entre otras cosas.
  • ADT: un plugin de Eclipse para desarrollar para dispositivos android.

Empezamos descargando eclipse.
El link que pongo no es de un eclipse para desarrollo web así debemos de descargarnos algunos plugins para resaltar y autocompletar el código cuando editamos ficheros javascript, html o css.
Lo siguiente que tenemos que hacer es instalarnos el SDK de android.
http://developer.android.com/sdk/index.html
Simplemente instalamos los paquetes que vienen por defecto.

Ahora toca instalar el plugin para eclipse, el ADT
http://developer.android.com/sdk/installing/installing-adt.html
Solo hay que seguir las instrucciones de la web, no tiene dificultad.

Puede resultar útil descargarse los plugins para resaltar texto en HTML, CSS y JavaScript, esto lo podemos hacer con Aptana.

Si tenéis un dispositivo android pues podréis probar directamente la aplicación siguiendo esta guía.
http://developer.android.com/tools/device.html
Si no es así os creáis un dispositivo virtual.

También existe la opción de descargarse el paquete entero del sdk de android que viene con todo lo necesario, incluido eclipse con el plugin ADT.

Ya es la hora de descargar phonegap.
http://phonegap.com/
Una vez descargado simplemente seguimos el tutorial básico para empezar con android
http://docs.phonegap.com/en/2.1.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android

Si ya tenemos phonegap andando solo nos queda meter jquery Mobile en el proyecto. Se hace de igual modo que para una página web.
Nos lo descargamos de: http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.zip

Tengo que mencionar que en la web de jquerymobile.com hay un editor gráfico de interfaz bastante chulo y que puede ahorrarnos algo de tiempo :).

 

5 comentarios sobre “Empezando con Android, Phonegap y jQuery Mobile en eclipse”

  1. Muy bueno tu tutorial, aunque si es una persona que esta empezando deberías anexar la ruta de los plugins para resaltar la sintaxis html css y js

  2. Buenos dias, buen aporte, queria preguntarles si conocen algun plugin de editor que reconosca etiquetas de jquery mobile en eclipse.
    ya que el aptana no los reconoce.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.