Tutoral para Aplicacion Movil

9
UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN Materia Desarrollo de Aplicaciones III Tema Aplicación Móvil Nombre completo del Alumno : Gerónimo López Hernández Grado: Grupo: “A” Nombre del Docente : I TIC. Eloy Contreras de Lira Fecha de entrega : 21 de Febrero de 2013

Transcript of Tutoral para Aplicacion Movil

Page 1: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

Desarrollo de Aplicaciones III

Tema Aplicación Móvil

Nombre completo del Alumno : Gerónimo López Hernández

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

Page 2: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

Este manual es una explicación de cómo crear una calculadora con las operaciones básicas de

suma, resta, multiplicación y división de dos números en lenguaje Java en NetBeans IDE 7.1.

1.- Lo primero que tienes que hacer es abrir tu IDE.

2.- Después de ya abierta du IDE deberás irte al siguiente icono para crear un nuevo proyecto.

3.- Después de dar clic nos aparecerá la siguiente ventana, elegimos las siguientes opciones

en orden indicado.

1 2

3

Page 3: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

4.- En el siguiente paso nombramos nuestra aplicación móvil, es el nombre que tu desees

pero para una mejor congruencia es recomendable poner un nombre que se adecue a lo

que desarrollaremos en este caso yo le pondré Calculadora (las otras líneas de abajo solo

indican la ruta en que se nos guardara nuestra aplicación), en las opciones de la tercera

imagen se elige si queremos que nuestra aplicación se muestre como proyecto principal y

la opción de más abajo es para crear como un ejemplo de MIDlet y damos clic en

siguiente.

5.- Al dar clic en siguiente nos aparecerá la siguiente ventana en la cual se encuentran los

emuladores de la plataforma de Java en la Edición de SDK 3.0, la siguiente opción es para

escoger nuestro dispositivo que cumpla con las características de nuestro celular al cual

queramos instalarle la aplicación, posteriormente damos clic en siguiente.

Page 4: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

6.- La siguiente ventana es lo último que nos aparece para dar por finalizado el proceso dela

creación de nuestro proyecto solo damos clic en finalizar y dejamos lo que tiene por

default.

7.- Lo siguiente es crear un nuevo Visual MIDlet, para ello en la parte izquierda de la pantalla

nos vamos al proyecto que creamos y ahí es donde se crea el Visual MIDlet solo damos clic

derecho en el Package que nos creó por default (si queremos creamos uno nuevo

siguiendo el mismo procedimiento que el VisualMIDlet solo se elige Java Package) y damos

en VisualMIDlet y listo.

Page 5: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

8.- Ahora nos aparecerá la siguiente ventana en la cual se indica el nombre de nuestro Visual

MIDlet que en este caso yo le puse calculadora, damos clic en terminar.

9.- Nos aparecerá lo siguiente (ventana 1), ahora insertaremos un Form (ventana 2 solo lo

arrastramos) que se encuentra en la parte derecha de la pantalla, agregamos un Item

Command en este caso ocupamos 4 que son en los que vamos a escribir el código

correspondiente para que la aplicación realice lo desea, y un Exit Command para salir de la

aplicación por último se relacionan el Mobile Device y el From solo se estira del Mobile

Device al From y viceversa.

1 2

3 4

Page 6: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

10.- Estos son los Commands que necesitamos y les cambiamos dando clic derecho sobre ellos

y elegimos la opción de renombrar, luego terminar y listo, también les tenemos que

cambiar el nombre del Label en la parte derecha de nuestra pantalla como en la segunda

figura que sería el nombre que nos aparecerá en la pantalla del celular.

11.- Ahora seguimos en el diseño de lo que aparecerá en nuestra pantalla del celular que es en

la ventana se Screen para ello damos clic derecho en el From y elegimos la opción

New/Add y luego Text Field que en este caso ocupamos tres para el desarrollo de esta

aplicación asi mismol es damos un nombre para llamarlas en la codificación yo utiliza n1,

n2 y r en orden de arriba hacia abajo.

Page 7: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

12.- Ahora modificamos el Label (la segunda imagen se encuentra en la parte derecha de

nuestra IDE) para una mejor presentación de nuestra aplicación como se muestra a

continuación:

13.- Ahora nos regresamos a la ventana Flow y ahí nos posicionamos en el From en donde

empezaremos la codificación para ello damos clic derecho y Go To Source

Nos lleva a esta ventana

Page 8: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

14.- Escribimos el siguiente código para realizar la suma en el cual primero declaramos las

variables como tipo doublé y validamos las cajas que creamos en el Screen, realizamos la

operación indicada y al final mostramos el resultado en la caja r.

Para la realización de las otras operaciones solo copiamos y pegamos el mismo código lo único que

cambia es el signo de operación para que realice la indicada o lo deseado.

Resta

Multiplicación

División

15.- Ya después de que acabamos de codificar probamos para verificar si funciono dando clic

en este botón que se encuentra en la parte superior de nuestra IDE.

Page 9: Tutoral para Aplicacion Movil

UNIVERSIDAD TECNONOLOGICA DEL ESTADO DE ZACATECAS UNIDAD ACADEMICA DE PINOS

TECNOLOGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

16.- Nos aparecerá nuestro celular de prueba en este caso yo multiplique.

Nota: el celular funciona como uno normal tienes que presionar las teclas con el mouse.

Espero y haya servido este pequeño Tutorial.