UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

Desarrollo de Aplicaciones III

Tema

Manual para crear una aplicación móvil

Nombre completo del Alumno : Gustavo Beltrán Cardona

Grado: 5° Grupo: “A” Nombre del Docente : I en Tic. Eloy Contreras de Lira. Fecha de entrega : 21 de febrero de 2013

Unidad Académica de Pinos

2

En este pequeño manual les explicare como crear una aplicación móvil en netbeans 7.1, es una

aplicación sencilla y fácil de entender para aquellos que son principiantes en este ámbito espero y

sea de utilidad.

Para poder comprender un poco mejor como desarrollar una aplicación móvil, debemos primero

saber algunos conceptos que usaremos un poco mas adelante y que podrían afectar la

interpretación de este manual:

Un IDE es un entorno de desarrollo integrado, es un programa que nos ayuda a programar para un

determinado lenguaje de programación, en este caso usaremos Net beans 7.1.

El SDK es un kit de herramientas de software, el SDK nos permite crear la aplicación móvil, ya que

ayuda al programador a crear diferentes tipos de aplicaciones

1.- El primer paso es abrir nuestro IDE Net Beans 7.0

Unidad Académica de Pinos

3

2.- El segundo paso, después de que ya abrió net beans es ir a al menú Archivo, Proyecto Nuevo.

También podemos dar clic en el icono que se muestra en la imagen de abajo, este icono también

sirve para crear un proyecto nuevo.

Unidad Académica de Pinos

4

3.- Una vez que dimos clic en nuevo proyecto nos aparece una ventana, ahí seleccionamos que el

proyecto sea de categoría JAVA ME y que los proyectos sean Mobile application, después damos

clic en siguiente.

4.- Una vez que seleccionamos la categoría de nuestro proyecto y que seleccionamos que nuestros

paquetes sean Mobile Applicasction aparece la siguiente ventana, en el apartado de Proyecto

Name vamos a poner el nombre que queremos darle a nuestro proyecto, en los otros dos

apartados de abajo nos aparece la ubicación donde se guardar el proyecto, sus clases y paquetes,

Unidad Académica de Pinos

5

se puede cambiar esta ruta pero resulta mas cómodo dejarla como esta predefinida.

5.- En este paso seguimos en la ventana de arriba solo que quise dividirla para explicarla mejor y

sea mas entendible esta parte que sigue ya que es fundamental, Nos aparece la opción de Crear el

Midlet Hola mundo (Create Hello Midlet), debemos de desmarcar esa opción, y debemos de

marcar la opción de establecer como proyecto principal (Set as main proyect) y damos clic en

siguiente.

6.- Bueno este es el ultimo paso para crear nuestro proyecto, pero también sin duda uno de los

pasos mas importantes, aquí vamos a seleccionar el emulador que queremos usar, en la opción

Emulador Plataforma podemos seleccionar nuestro emulador en caso de tener uno instalado, si no

tenemos ningún emulador instalado dejamos el que nos da java por defecto el SDK 3.0, en la

opción device seleccionamos el tipo celular para el que será la aplicación, esto será que cuando

probemos la aplicación en la computadora saldrá un celular donde probaremos de manera virtual

nuestra aplicación, aquí seleccionamos el que sea de su agrado, en device configuration vamos a

seleccionar dependiendo de lo avanzado de tu dispositivo si esta un poco mas avanzado

tecnológicamente hablando seleccionamos el CLDC -1.1, pero si no estamos seguros dejamos esas

configuraciones como las da java por defecto y damos clic en siguiente.

Unidad Académica de Pinos

6

7.- Una vez que dimos clic en siguiente solo nos aparece otra ventana, damos clic en terminar y ya

estará listo nuestro proyecto.

Una vez hechos estos pasos vemos en la barra de proyectos que apareció un nuevo proyecto y que

esta en negritas, esto es porque esta definido como proyecto principal, en este caso yo lo llame

Horóscopo.

Unidad Académica de Pinos

7

Después de que creamos nuestro proyecto debemos crear un paquete o usar el paquete que se

crea de manera determinada al crear el proyecto, para esto seleccionamos el proyecto clic

derecho en nuevo luego en Java package, una vez hecho esto va a aparecer esta ventana donde

pondremos el nombre de nuestro paquete, ahí nos dirá la ubicación donde se guardara el package

y el nombre que le queramos dar, damos clic en terminar y así se creara nuestro paquete.

Una vez creado nuestro paquete crearemos nuestro Midlet, para esto seleccionamos el paquete

que creamos, clic derecho y después en nuevo y visual Midlet

Unidad Académica de Pinos

8

Una vez que hemos dado clic en visual midlet nos aparece una ventana parecida a la del paquete,

donde haremos lo mismo, es decir asignaremos un nombre a nuestro Midlet, una vez que

asignamos el nombre le damos clic en terminar y nos va a abrir nuestro Midlet.

Una vez que se creo y abrió nuestro Midlet (Imagen de arriba) estamos listos para empezar a

programar, en la pantalla de flow vamos a insertar un form, para esto nos vamos a la paleta que

esta a la derecha ahí esta la opción de Form, la seleccionamos y la arrastramos a cualquier parte

de la pantalla.

Unidad Académica de Pinos

9

Después vamos a seleccionar el form, damos clic derecho y vamos a crear un Item Comand, que

será el botón que llevara todo el código, y un Exit Comand, que al presionarlo cerrara la aplicación,

este comando se agrega igual que el anterior

Ahora debemos unir o vincular nuestro Midlet con nuestro form para que sepa como debe actuar

al realizar una acción, por ejemplo que sepa que debe terminar la aplicación al darle clic en Exit

(Exit Comand), para esto seleccionamos nuestroMidlet en la opción de Started y sin soltar el

mouse arrastramos hacia la parte de arriba de nuestro form, y en la opción de Resumed hacemos

lo mismo solo que ahora lo arrastramos a la parte de debajo de nuestro form, nos deberá quedar

así:

Pantalla en Flow

Form

Unidad Académica de Pinos

10

Ahora debemos cambiarle el nombre al ítem >Comand que creamos, esto es mas que nada por

estética y para darle mas vistosidad al programa, primero le cambiamos el nombre así: botón

derecho sobre el Item, Rename y ahí ponemos el nombre que le queramos dar, debe ser simple y

entendible, ahora cambiaremos el contenido de la etiqueta para esto seleccionamos el ítem,

botón derecho en propiedades y después nos aparece una ventana donde podemos modificarlo.

Después que hicimos esto nos cambiamos a la pantalla de Screen, ahí nos aparecerá como si

estuviera el programa dentro del celular:

Unidad Académica de Pinos

11

Después de esto nos vamos al form lo seleccionamos y damos clic derecho sobre el, luego en

New/Add y ahí nos vamos hasta donde dice text fielde insertamos tres, para insertarlos solo

debemos dar clic en ellos y así se insertaran dentro del form

Despuesvamos a cambiar el nombre de la caja de texto, esto se hace igual que en el Item comand,

botón derecho y después en Rename ahí pones el nombre y clic en aceptar, para cambiar el valor

de la etiquetase hace también igual seleccionamos el Text Label y clic derecho propiedades,

Unidad Académica de Pinos

12

buscamos la opción que dice Label y ahí cambiamos el nombre de la etiqueta que deberá quedar

algo así:

Ahora si vamos a la parte mas importante que es la de programar nuestra aplicación porque lo que

llevamos hasta ahora es solo la interfaz. Para esto seleccionamos el Item Comand (Calcular

estación) y ahí damos clic derecho después en Go to Source y ahí nos va a mandar a una pantalla

como la siguiente donde colocaremos nuestro código para que al darle un mes y un día de ese mes

a nuestra aplicación nos diga que estación del año es:

Unidad Académica de Pinos

13

En este código cabe mencionar que puede haber variaciones si lo comparamos con el mismo

código de otro programador, ya que nadie programa igual.

Ahora explicare el código que pusimos en el botón

Primero declaramos dos variables de tipo entero, ya que vamos a insertar el día y el mes en

formato de numero, estas variables van igualadas acero, declaramos otras cinco variables de tipo

String la primera es la de resultado, las otras cuatro serán variables con las cuatro estaciones del

año, el resultado debe ir con comillas vacías y las variables de las estaciones van entre comilla

como se muestra en seguida:

Después de esto debemos validar las cajas de texto esto se realiza con el código siguiente:

Las primeras dos se validan igual porque son de tipo int y la tercera se valida como tipo String.

Ahora que ya tenemos validadas las cajas de texto solo falta poner el código correspondiente para

que el programa calcule la estación, en mi caso lo hice con un If pero también puede usarse un

Case, bueno el código es el siguiente:

Unidad Académica de Pinos

14

Este código lleva varias condiciones, ejemplo si el num1 (variable) es igual o mayor a tal día y el

num2 es igual a tal mes nos va a dar como resultado un valor que se imprimirá en la variable

estación y así se hace con las otras dos variables también, la cuarta variable solo basta con usar un

Else para decir que si no es ninguno de los datos anteriores nos muestre entonces que resultado

va a ser.

Por ultimo guardamos y probamos nuestro programa dando clic en el icono que se muestra abajo:

Nos saldrá la ventana del emulador aquí vamos a asignarle valores para probar que funciona,

después damos clic e menú y ahí damos en calcular estación y nos debe mostrar el resultado:

Unidad Académica de Pinos

15