En la actividad 3.5, se realizará una calculadora básica utilizando la actividad anterior. Para ello, se incorporarán algunos componentes al diseño y se añadirán más bloques de programación para mejorar la funcionalidad del proyecto.
Actividad 3.5
Paso 1: Para ampliar la aplicación "app1" diseñada en las actividades anteriores, primero asegúrate de tener abierto tu proyecto en el sitio web de MIT App Inventor, accediendo a través de tu computadora en https://appinventor.mit.edu/, inicia sesión con tu cuenta de Google y presiona el botón "Create Apps". Luego, selecciona el proyecto "app1" para abrir la interfaz de programación de bloques.
Imagen 1
Paso 2: En este paso, en el area de diseño arrastramos tres botones y una etiqueta al area de diseño, como se muestra en la imagen 2.
Imagen 2
Resultado
A continuación, realizaremos las modificaciones en los textos de los botones siguiendo estos pasos:
Selecciona el "Botón 1".
En las propiedades ubicadas en la parte derecha de la interfaz, encuentra la opción "Texto".
Cambia el texto actual por "Suma".
Como se muestra en la imagen 3.
Imagen 3
Paso 3: Realizamos los mismos pasos para los otros botones, actualizando sus textos de la siguiente manera:
Para el "botón 2", modificamos su texto a "Resta".
Para el "botón 3", actualizamos su texto a "Multiplicación".
Para el "botón 4", cambiamos su texto por "División".
Por último, para la "etiqueta2", cambiamos su tamaño de texto por "30".
Imagen 4
Paso 4: En la esquina superior derecha, haz clic en el botón <Bloques>, lo que te llevará al entorno de desarrollo para la programación mediante bloques.
Paso 5: Lo que queremos lograr es la suma de los valores ingresados en los campos de texto. Para llevar a cabo este proceso, primero necesitamos obtener los valores que se ingresan en los campos de texto. Para hacerlo, utilizamos los bloques CampoDeTexto1.texto y CampoDeTexto2.texto.
Paso 6: procedemos a buscar en la sección de bloques de operaciones matemáticas y seleccionamos el bloque de suma.
Paso 7: Una vez que hemos adquirido los valores ingresados en los campos de texto utilizando los bloques CampoDeTexto1.texto y CampoDeTexto2.texto, procedemos a combinarlos mediante el bloque de suma.
Paso 8: En la unión de estos bloques obtendremos la suma. Para mostrar este resultado, utilizaremos el componente "Etiqueta2". Conectaremos el resultado de la suma al bloque "Etiqueta2.texto" para que se muestre en la etiqueta.
Paso 9: Unir los bloques anteriores, al final del bloque de botón1.clic
Paso 10: Por último, espero que realicen las otras operaciones para los otros botones de manera similar a las instrucciones anteriores.