Actividad 1: Calculadora

Transcripción

1 Actividad 1: Calculadora Objetivo del Ejercicio: Ser capaces de realizar una aplicación personalizada para realizar cálculos matemáticos. Resultado final: Con este ejercicio vamos a ser capaces de diseñar una calculadora en app Inventor. En la que podamos sumar, dividir, restar y multiplicar números. Funciones usadas: En el ejercicio vamos a utilizar las opciones de los bloques: Etiqueta, Campo de texto, disposición horizontal, botón. Materiales necesarios: Ninguno Dificultad: Baja Procedimiento 1. El primer pasó una vez accedidos con nuestra cuenta de Gmail a app inventor Hacemos clic en comenzar un proyecto nuevo Al que llamaremos calculadora y damos clic en aceptar. 2. Primero vamos a arrastrar todos los elementos que conforman la aplicación En la parte del diseñador Antes de arrastrar los bloques damos clic en Screem1 de la columna componentes En sus propiedades, ponemos que la disposición sea centrada. 1

2 3. Arrastramos de la sección Interfaz de usuario 3.1. Al visor 2 etiqueta y 2 campos de texto Intercalando unos con otros. Como queda en la imagen. 4. Seleccionamos el componente Etiqueta En sus propiedades en la casilla Texto 4.2. Escribimos Primer Número 4.3. En la columna componentes damos clic en Cambiar Nombre 4.4. Lo renombramos por Primer Número 2

3 5. Seleccionamos de la columna de componentes 5.1. Campo de texto En sus componentes en la casilla ancho 5.3. Marcamos la opción ajustar al contenedor 5.4. Y la casilla pista borramos el texto escrito por defecto. 6. Repetimos estos pasos con el segundo añadido de etiqueta 6.1. Nombraremos segundo número y con el segundo campo de texto. 7. Ahora pasamos a la sección Disposición 7.1. Arrastramos al visor 3 disposiciones horizontales. 3

4 8. En las propiedades de los tres componentes Marcamos en propiedades el ancho ajustar al contenedor. 9. Arrastramos tres Botones 9.1. De la sección interfaz 9.2. Al interior del primer Disposición horizontal. 10. En las otras dos disposiciones horizontales añadimos un botón en cada una. 4

5 11. A los botones de la primera disposición horizontal les cambiaremos por Sumar, Restar, Multiplicar, Dividir Al texto para botón Lo llamaremos raíz cuadrada del primer número Al texto para botón Lo llamaremos raíz cuadrada del segundo número Para ello hay que realizarlo seleccionando cada componente y darle el nombre indicado en sus propiedades. 12. Arrastramos al visor un campo de texto En las propiedades de este componentes Volvemos a ajustar el ancho al contenedor En sus propiedades des marcamos el recuadro de Habilitar que por defecto estará marcada Y borramos el texto de la casilla pista, cambiamos el nombre por Texto resultado 5

6 13. A continuación arrastramos un nuevo botón, Al que llamaremos Limpiar. 14. Seguido arrastramos al visor una Disposición Horizontal Con las propiedades de ancho al contenedor y disposición horizontal derecha. 15. Arrastramos un botón Dentro de la última disposición horizontal Con el nombre salir. Ya tendremos todos los elementos que conforma la parte visible de la aplicación. 6

7 16. Ahora dando clic en la opcion Bloques, pasamos a dar las funciones que se realizaran en la parte vible de la aplicación Para ir configurando los distintos elementos de la aplicación Damos clic sobre el boton salir lo marcamos En los bloques que sugen seleccionamos es el primero de todos. 17. Ir a la sección de bloques control Encajar en el bloque anterior el bloque llamado cerrar aplicación. 18. Pasamos a dar funciones al botón Limpiar Seleccionamos el botón limpiar Seleccionamos el bloque de la imagen 19. Seleccionamos el componente Texto_Resultado En los bloques que surgen seleccionamos el que se ve en la imagen verde Lo encajamos al bloque anterior. 20. Ir la sección de bloques Texto Encajar el primer bloque de la lista al final del bloque verde. 21. Pasamos a configurar todos los botones de operaciones Empezamos por el botón sumar Seleccionamos el primer bloque. 7

8 22. Marcar el componente Texto_Resultado Seleccionar el bloque verde de la imagen dentro del bloque anterior. 23. Ir a la sección de bloques llamada Matemáticas Encajar al final del bloque verde, el bloque que pertenece a la operación de sumar. 24. Ir Seleccionar el componente Texto_Número_ De las opciones de bloques que surgen seleccionar el de la imagen Para encajarlo en el primer hueco del bloque azul de sumar. 25. En la Seleccionar el componente Texto_Número_ De las opciones de bloques que surgen, seleccionar el de la imagen Para encajarlo el segundo hueco del bloque azul de sumar. 26. Repetir estos pasos para las otras operaciones matemáticas Cambiando el bloque azul por el de la operación que le corresponda de restar, dividir y multiplicar. 27. Restar: 28. Multiplicar: 29. Dividir: 8

9 30. Ir Seleccionar el componente Raíz_cuadrada_del_Primer_Número Seleccionamos el primer bloque de la lista que surge. 31. Seleccionamos el mismo componente Texto resultado Encajamos el bloque verde de la imagen. 32. Ir a la sección de bloques Matemáticas Encajar al final del bloque verde, el bloque raíz cuadrada. 33. Seleccionar el componente Texto_Número_ Arrastrar al final del bloque azul el bloque verde claro de la imagen. 34. Repetir los pasos para configurar las opciones de Raiz cuadrada del segundo numero. De esta manera tendremos configurada nuestra aplicación. Podemos comprobar la aplicación con el emulador o la app para móviles Android. 9