Programa 2

36
CENTRO DE ESTUDIOS TECNOLOGICOS INDISTRIAL Y DE SERVICIOS N°109 MALDONADO CRUZ JAQUELINE 4°BM “PROGRAMACION” EXPLICACION DEL PROGRAMA 2 DESARROLLA APLICACIONES MOVILES PROFA:LIC.MARGARITA ROMERO ALVARADO

Transcript of Programa 2

Page 1: Programa 2

CENTRO DE ESTUDIOS TECNOLOGICOS INDISTRIAL Y DE SERVICIOS N°109

MALDONADO CRUZ JAQUELINE

4°BM “PROGRAMACION”

EXPLICACION DEL PROGRAMA 2

DESARROLLA APLICACIONES MOVILES

PROFA:LIC.MARGARITA ROMERO ALVARADO

Page 2: Programa 2

PROGRAMA 2

Page 3: Programa 2

Primero abrimos la carpeta donde esta el programa de eclipse

Page 4: Programa 2

Después abrimos la carpeta de eclipse o donde se encuentra nuestro programa

Page 5: Programa 2

Abrimos nuestro programa de eclipse (con doble clic)

Page 6: Programa 2

Cuando este abriendo el programa te aparecerá lo siguiente:

Page 7: Programa 2

Después que abra el programa nos vamos donde dice file, después de darle clic ponemos clic en new y después seleccionamos android application Project

Page 8: Programa 2

Luego aparecerá el siguiente cuadro en el que pondrás el nombre de la aplicación por ejemplo “programa2 “

Page 9: Programa 2

Después aparecerán cuadro a los cuales les darás next hasta que te aparezca finish

Page 10: Programa 2

Y de la siguiente manera abrirá nuestro proyecto

Page 11: Programa 2

Nos meteremos activity_main y quitaremos hello world

Nos volvemos a regresar a grapical layout quedara de la siguiente manera:

Page 12: Programa 2

En palette abrimos la carpeta de form widgets y arrastraremos un text view de tamaño mediano a nuestra área de trabajo.

Page 13: Programa 2

Después seleccionamos donde dice médium text y por un lado cambiamos donde dice médium text a primer numero

Y queda dela siguiente manera:

Page 14: Programa 2

Abrimos la carpeta de text field y arrastramos ABC al área de trabajo.

Page 15: Programa 2

Y después en id le cambiaremos el @+id/edittext1 por @+id/num1

Aparece el siguiente mensaje se le da clic en yes

Page 16: Programa 2

También nos aparecerá esta ventana que nos indica que hemos cambiado las variables. Le daremos clic en OK.

Page 17: Programa 2

Después volveremos a arrastrar de la carpeta form widgets otro text view tamaño médium

Page 18: Programa 2

UNA VEZ PUESTO EL TEXTVIEW MEDIANO EN NUESTRA ÁREA DE TRABAJO CAMBIAREMOS SU CONTENIDO, LE BORRAMOS LO QUE DICE EN TEXT (MÉDIUM TEXT) Y LE EN SU LUGAR LE ESCRIBIMOS SEGUNDO NÚMERO

Queda de la siguiente manera:

Page 19: Programa 2

Nuevamente vamos a la carpeta text fields y arrastramos otro ABC text y lo insertamos en nuestra área de trabajo

Page 20: Programa 2

Nuevamente edidatamos el id a este le pondremos @+id/num2

Y volverá a aparecer la siguiente ventana le volvemos a dar yes

Page 21: Programa 2

En la siguiente ventana que nos aparecerá nos indica que hemos cambiado las variables

Page 22: Programa 2

EN LA CARPETA FORM WIDGETS ARRASTRAMOS BUTTON HACIA NUESTRA ÁREA DE TRABAJO

Page 23: Programa 2

Cuando ya aigamos puesto button le damos clic y en la parte de alado donde aparece text aparecerá button eso lo borramos y abajo aparece hint hay pondremos calcular

Page 24: Programa 2

Debajo de hint aparece on click donde pondremos sumar

Page 25: Programa 2

Otra vez arrastraremos de la carpeta text field ABC a nuestra área de trabajo

Page 26: Programa 2

Apecereran los siguientes cuadro a uno le ponemos yes y al otro ok

Le damos clic a médium text y editamos el id lo cambiamos a @+id/res

Page 27: Programa 2

Y queda de la siguiente manera:

Y después en hint le ponemos resultado

Page 28: Programa 2

Una vez hecho todo lo anterior procederemos a poner el código con el que funcionará nuestra calculadora. Pero si no está la ventana de main activity abierta procederemos a abrirla de la siguiente manera: en Package explorer seleccionamos la flechita alado de la carpeta src, nos desplegará esta opción (com.Example.Programa2)a la cual nuevamente picaremos en la flechita que se encuentra a su lado. Y

aparecerá el mainactivity.Java.

Page 29: Programa 2

En mainactivity.Java daremos doble clic y se abrirá la pestaña donde nos mostrará el código. Donde lo editaremos para hacer funcionar nuestra calculadora.

Page 30: Programa 2

Después a ese código le agregaremos lo siguiente para que nuestra calculadora funcione

Page 31: Programa 2

Seleccionamos el android virtual device manager. Y nos aparecerá esta ventana y le daremos start.

Page 32: Programa 2

Después de darle start aparece la siguiente ventana ala que se le dará clic en launch.

Page 33: Programa 2

Y aparecesara lo siguiente cuando ya este cargando:

Page 34: Programa 2

Una vez que la pantalla de nuestro emulador haya cargado, para que aparezca lo que hemos hecho en nuestro programa. Damos clic derecho sobre la carpeta que dice programa2, seleccionamos run as y android application

Page 35: Programa 2

Y por ultimo le asignamos números y después le damos calcular y saldrá el resultado eso significa que nuestro programa esta listo.

Page 36: Programa 2

Comentario: Bueno estos pasos que estamos

mostrando, es para guiarte de cómo hacer el programa utilizando java y android para tu móvil, y como utilizar el programa de eclipse el cual ya explicamos cada punto de cómo utilizar eclipse. Y en este programa creamos una calculadora que nos puede servir cotidianamente.