Está en la página 1de 22

Primeros pasos en la

programacin
para Mviles

1. Introduccin
La realizacin de este manual ha surgido por la necesidad de motivar a
los futuros
ingenieros de software a que se inicien en el mundo de la programacin
para mviles.

Con estas breves indicaciones se pretende que el alumno pierda el


miedo a programar para estos dispositivos que hoy en da casi todo el
mundo tiene. Podremos ver comocon muy poco esfuerzo podemos llegar
a conseguir aplicaciones verdaderamentevistosas y tiles.

2. Primeros pasos con J2ME

Preparando los ingredientes

Qu necesitamos para programar con J2ME para un dispositivo mvil?

- JDK 6

- NetBeans 6.0 full

Hemos elegido el NetBeans como entorno de desarrollo y como


compilador porque pensamos que es el ms sencillo de utilizar, aunque
existen otros compiladores para J2ME como el J2ME Wireless Toolkit. En
la pgina http://www.java.sun.com/ podemos encontrar en un solo
instalador el JDK 6 y el NetBeans. El NetBeans Mobility Pack lo podemos
descargar de la pgina http://www.netbeans.org/ ,que nos permitir
crear proyectos para dispositivos mviles.
Ya est todo listo y ahora qu?

Que no cunda el pnico, vayamos con calma. Lo primero es arrancar el


entorno
NetBeans (seguramente en nuestro escritorio tendremos un icono de
acceso directo),tras unos cuantos segundos de carga, deberemos de ver
una pantalla como esta:
Este ser nuestro taller a partir de ahora. Los pasos a seguir para crear
un nuevo
proyecto son:

1 File -> New Project


2 Seleccionar el tipo Mobile y a la derecha Mobile Application.
3 Indicar el nombre del proyecto y la localizacin del mismo. Elegir si
queremos que por defecto en el proyecto nos aparezca el hola mundo.
4 Seleccionar el tipo de emulador que queremos que tenga nuestro
proyecto, elegir las versiones del CLDC y MIDP (Recomendable dejar las
que vienen por defecto).

5 click en finish.
Nuestra primera aplicacin

Suponemos que no hemos seleccionado que por defecto nos incluya el


hola mundoen el proyecto, as que nos encontramos ante un proyecto
vaco. Vamos a insertar un MIDlet visual con el que podamos trabajar:

1 En el explorador de proyectos del NetBeans pulsamos con el botn


derecho sobre nuestro proyecto y le pinchamos en New -> Visual
MIDlet
2 Indicamos el nombre del MIDlet y pulsamos el botn Finish. Ya
tenemos nuestro MIDlet, deber aparecernos una pantalla algo parecida
a esta:
Vamos a intentar hacer una calculadora para nuestro telfono mvil. Los
pasos a
seguir son los siguientes:

1 Aadimos un Form a la aplicacin. Podemos hacerlo simplemente


seleccionndolo en la paleta de componentes de la derecha y pinchando
despus en la zona de diseo donde queramos colocarlo.

2 Si lo seleccionamos el nuevo Form que hemos aadido a la ventana


de diseo,
veremos que a la derecha aparecen los distintos atributos de este
componente.
Podemos cambiarlos a nuestro antojo. Por ejemplo, la propiedad Title
vamos a
cambirsela por Calculadora.
3 Vamos a establecer un flujo de ventanas en nuestra aplicacin, para
ello hacemos click a Started y lo arrastramos al Form creado . Lo que
hemos hecho es indicarle que cuando ejecutemos la aplicacin aparezca
el formulario.
4 Ahora, vamos a establecerle los botones de control a nuestra
aplicacin, para ello,seleccionamos en la paleta de componentes Exit
Command y lo arrastramos sobre el formulario, veremos que se aade
un nuevo punto que pone: Exitcommand. Bien, a continuacin,
seleccionamos el Exitxommand y lo arrastramos hacia el dispositivo
Mobile Device.

A estas alturas deberemos de tener algo parecido a esto:


5 Lo siguiente que tenemos que hacer es rellenar el formulario con los
componentes necesarios para la calculadora. Si lo seleccionamos y
despus pinchamos sobre el botn que arriba pone Screen view
entraremos en la ventana de diseo del formulario.
6 En esta ventana, vamos a arrastrar de la lista de componentes el tipo
TextField hacia la pantalla de diseo del formulario. Este proceso lo
haremos dos veces para poder tener dos campos de texto. Debe de
quedarnos una cosa tal que as:

Vamos a seleccionar uno de estos componentes que hemos aadido y en


las
propiedades de la derecha, cambiamos la propiedad Label por
Operando 1 y el
segundo componente lo cambiaremos por Operando 2.(Para entrar a
propiedades puedes haces click derecho en el textarea y elegir
propiedades)
7 Despus de haber insertado los dos TextField, vamos a insertar en el
formulario un componente llamado choiceGroup. Una vez insertado, lo
seleccionamos y le
cambiamos la propiedad Label, vamos a ponerle Operadores.
Adems, tenemos que modificar la propiedad Type y seleccionar
EXCLUSIVE.

8 Lo siguiente, es aadirle opciones al choiceGroup que hemos


insertado, para ello vamos a seleccionar el componente Choice
Element y lo arrastramos sobre el choiceGroup que tenemos en la
ventana de diseo, este proceso lo repetiremos cuatro veces, para
nuestros cuatro operandos (suma, resta, multiplicacin y divisin).
Vamos a seleccionar cada uno de los Choice Element y cambiarles la
propiedad String por cada uno de los operandos.

9 A continuacin, aadimos un tercer TextField y cambiamos su


propiedad Label y le ponemos Resultado. Deberemos de tener una
pantalla parecida a esta:
10 Lo siguiente que tenemos que hacer es volver a la pantalla de Flow
View y
arrastrar un componente llamado Ok Command encima del formulario
para aadir un nuevo botn de control de la aplicacin.
11 Hasta ahora no hemos insertado ni una sola lnea de cdigo, pero ha
llegado el momento de meter unas cuentas lneas. Si pulsamos sobre el
botn Source (al lado de Flow View y Screen View) veremos el
cdigo que el NetBeans ha ido generando segn hemos ido insertado
componentes. El cdigo que aparece en azul no podemos editarlo, es
cdigo generado automticamente. Vamos a buscar en el cdigo el
mtodo commandAction(), veremos que no tiene contemplados los
casos de que ejecutemos el exitCommand o el okCommand. A nosotros
ahora nos interesa rellenar la parte de que ocurra el okCommand. De
modo que donde est etiquetado como: //Write pre-action user code
here, vamos a insertar este cdigo:

Try//
{
intoperando1=Integer.parseInt(textField1.getString());
intoperando2=Integer.parseInt(textField3.getString());
intoperador=choiceGroup1.getSelectedIndex();
switch(operador)
{
case0:
textField2.setString(String.valueOf(operando1+operando2));
break;
case1:
textField2.setString(String.valueOf(operando1operando2));
break;
case2:
textField2.setString(String.valueOf(operando1*operando2));
break;
case3:
textField2.setString(String.valueOf(operando1/operando2));
break;
}
}
catch(Exceptione)//sinosecumplelacondicion
{
textField2.setString("ERROR!");//imprimeerror

}
Este cdigo solamente coge el contenido de los dos operandos, los
convierte a entero y segn se haya hecho la seleccin en el choiceGroup
realiza una operacin u otra y el resultado se mostrar en el tercer
cuadro de texto.

El Resultado

12 Por ltimo, solamente nos queda ejecutar el proyecto, para ello


seleccionamos en el explorador de proyectos el proyecto de la
calculadora con el botn derecho y
pulsamos sobre Run Project. Nos aparecer el emulador con la
aplicacin disponible para ejecutarse, pulsamos en el emulador en
Launch y pasar a ejecutarse ya nuestra aplicacin.