Skip to main content

Apache Cordova con NetBeans 7.4

Apache Cordova con NetBeans


Apache Cordova es un framework que nos permite desarrollar aplicaciones HTML5 para Android.



Requisitos



Instalar Apache Ant
Descargamos el archivo comprimido apache-ant-1.9.2-bin.zip
Lo descomprimidos
Agregamos al path
sudo gedit /etc/profile


Agregar
export ANT_HOME=/home/avbravo/apache-ant-1.9.2
export PATH=$PATH:${ANT_HOME}/bin


ejecutar
cd /etc
source profile
Generalmente si no lo reconoce reiniciamos el computador


Para testear la configuración
escribimos an
t





Instalar Git
sudo apt-get install git-core git



Nodejs
Instalar Nodejs
Referencia





sudo apt-get update
sudo apt-get install python-software-properties python g++ make
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs


Instalar cordova
sudo npm install -g cordova
Esperemos que termine la descarga





Instalar Android SDK
Descargar el SDK


Si tenemos sistema operativo de 64bits, debemos agregar
sudo apt-get update
sudo apt-get install ia32-libs-multiarch



Descomprimir el archivo


Crea la carpeta android-sdk-linux
Desde terminal ejecutamos
sudo gedit /home/avbravo/.bashrc


incluimos en el path los directorios
export PATH=${PATH}:/home/avbravo/android-sdk-linux/tools
export PATH=${PATH}:/home/avbravo/android-sdk-linux/platform-tools
export PATH=${PATH}:/home/avbravo/android-sdk-linux




Ahora ejecutamos desde el terminal
android



y se abre el Android Manager


Seleccionar la versión de Android que deseamos trabajar, y presionar el botón Install 6 packages. Apache cordova requiere Android 4.2
Dar clic en Accept License, y presionar el botón Install
Se inicia la descarga de paquetes al finalizar cerramos el Android SDK Manager

Instalar Android Virtual Device (AVD) EMULADOR
Desde Android Virtual Device Manager
Seleccionar en el menú Tools

Fuente




Desde comandos
  • Ver la lista de target
android list targets


Observamos el id correspondiente a la plataforma que deseamos desarrollar. En este caso id:3, or “android-17” nos muestra el soporte para Android 4.2.2, verificamos que muestre ABIs.





  • Creamos un AVD desde la línea de comandos mediante el formato
android create avd -n <name> -t <targetID> [-<option> <value>]
  • Ejecutar
android create avd -n my_android17 -t 3
Si existe más de un ABI nos envia este mensaje de error
en ese caso verificamos el ABIs que deseamo, en este caso x86
android create avd -n my_android17 -t 3 --abi x86




  • Ejecutar
           android avd
   para visualizar el manager



Dar clic en el botón Start, se muestra el diálogo donde especificamos la escala, presionar el botón Launch
se muestra el depurador
Eliminar el avd
android delete avd -n <name>
android delete avd -n my_android1.5




Crear aplicacion Apache Cordoba desde consola


Ejecutamos
cordova create hello com.example.hello HelloWorld


crea el directorio hello para la aplicacion y entramos al directorio
cd hello


si ejecutamos un ls, podemos ver los directorios de la aplicacion



Construir la aplicacion para android
cordova platform add android



Construimos la aplicacion
cordova emulate android


Esperamos que se cargue HelloWorld



Dar un clic en HelloWord y vemos la aplicación en el movil.


Entramos al directorio  www
cd www
ejecutamos el comando ls


editamos el archivo index.html



hacemos el build  y ejecutamos el emulador









NetBeans IDE
Configurar Android sdk
Menu Tools→ Options-->Miscellaneous
Especificar Android SDK Location



Creamos un proyecto Cordova
File→ New-->Categories: HTML5 Projects:Cordova Application


Project Name: CordovaEjemplo





Seleccionamos la plantilla



Biblioteca Javascript



Indicamos el ID
Configurar el emulador


Instalarlo en el Movil



Comments

Interesting tutorial !
Guido René said…
Algun tutorial en windows!!
Guido René said…
tutorial en windows..!!!
Guido René said…
Algun tutorial en windows!!
franco said…
muy buen tutorial. Gracias
Anonymous said…
Excellent web site. А ⅼot of helpful information hеre.
I am sending it to several friends anss additionally sharing іn delicious.

And ϲertainly, tһanks tο yⲟur effort!

Popular posts from this blog

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0.
En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application

indicamos el nombre del proyecto



Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0

Framework Java Server Faces

El IDE genera el esquelto del proyecto
Web Pages   almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes Source Packages    Son las clases Java  Test Packages    Son las clases que usamos para los Test

Libraries     Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web. Test Libraries     Están las bibliotecas usadas para los test 
Configuration Files    Archivos de configuración de la aplicación.

Ejecutamos la aplicación 

Esperamos que se inicie GlassFish y se cargue la aplicación
Este se ejecutara en nuestro servidor local y…

Cambiando el estado de un checkbox

Cambiando el Estado de un CheckBox
Algunas veces deseamos controlar el estado de un checkbox o cambiarlo segùn determinadas condiciones.

Pasos:

1. Creamos un proyecto Web.

2. En el diseñador agregamos un checkbox y dos botones.

* Dar click derecho en el checkbox y luego seleccionar Add Binding Attribute, para agregar los atributos al checkbox, de manera que los podamos usar en nuestro código.

Generando automáticamente

private Checkbox checkbox1 = new Checkbox();

public Checkbox getCheckbox1() {
return checkbox1;
}

public void setCheckbox1(Checkbox c) {
this.checkbox1 = c;
}

3.Damos click derecho en el botón Habilitar, y seleccionamos Edit Action Event Handler.

A continuación, agregamos el código: this.checkbox1.setSelected(true);, el método setSelected con valor true, marca el checkbox como seleccionado, y un valor de false, quita la marca.

public String button1_action() {
// TODO: Process the action. Return value is a navigation
// case name where …

NetBeans 7.2 en varios idiomas

Ya esta disponible NetBeans 7.2 en varios idiomas http://netbeans.org/downloads/index.html


Menú de opciones