App Inventor · Bloque 5 · Ejercicio práctico

Calculadora Básica

Una app con dos TextBox, ListPicker, botón, resultado y condicionales

🔢

El usuario escribe

Introduce dos números en dos cajas de texto diferentes.

➕

Elige una operación

Selecciona sumar, restar, multiplicar o dividir con un ListPicker.

🧮

La app calcula

Al pulsar el botón, se muestra el resultado de la operación.

1. ¿Qué vamos a crear?

Vamos a crear una aplicación llamada Calculadora Básica.

La aplicación permitirá escribir dos números, elegir una operación matemática y mostrar el resultado.

Funcionamiento general

  • El usuario escribe el primer número.
  • El usuario escribe el segundo número.
  • Elige una operación con el ListPicker.
  • Pulsa el botón Calcular.
  • La app muestra el resultado en un Label.
En esta actividad no vamos a comprobar todavía si el usuario escribe letras, deja campos vacíos o divide entre cero.

Calculadora Básica

🧮

Primer número

12

Segundo número

4
Multiplicar ▾
CALCULAR

Resultado:

El resultado es: 48

2. Diseño de la aplicación

ComponenteNombre recomendadoFunción
LabelLabelTituloMuestra el título de la app
ImageImageCalculadoraImagen decorativa de la calculadora
LabelLabelNumero1Texto: Primer número
TextBoxTextBoxNumero1Permite escribir el primer número
LabelLabelNumero2Texto: Segundo número
TextBoxTextBoxNumero2Permite escribir el segundo número
ListPickerListPickerOperacionPermite elegir la operación
ButtonButtonCalcularRealiza el cálculo
LabelLabelResultadoMuestra el resultado final
SoundSound1Reproduce un sonido al calcular

Opciones del ListPicker

Configura la propiedad ElementsFromString del ListPicker con estas opciones:

Sumar,Restar,Multiplicar,Dividir

Texto inicial recomendado

  • LabelTitulo: Calculadora Básica
  • LabelNumero1: Primer número
  • LabelNumero2: Segundo número
  • ListPickerOperacion.Text: Elegir operación
  • ButtonCalcular.Text: Calcular
  • LabelResultado.Text: Resultado pendiente
Esta app practica dos TextBox y operaciones matemáticas simples con condicionales.

3. Bloques necesarios

El funcionamiento se programa dentro del evento when ButtonCalcular.Click.

when ButtonCalcular.Click

    if ListPickerOperacion.Selection = "Sumar"
        set LabelResultado.Text to join "El resultado es: "
            TextBoxNumero1.Text + TextBoxNumero2.Text
        call Sound1.Play

    else if ListPickerOperacion.Selection = "Restar"
        set LabelResultado.Text to join "El resultado es: "
            TextBoxNumero1.Text - TextBoxNumero2.Text
        call Sound1.Play

    else if ListPickerOperacion.Selection = "Multiplicar"
        set LabelResultado.Text to join "El resultado es: "
            TextBoxNumero1.Text * TextBoxNumero2.Text
        call Sound1.Play

    else if ListPickerOperacion.Selection = "Dividir"
        set LabelResultado.Text to join "El resultado es: "
            TextBoxNumero1.Text / TextBoxNumero2.Text
        call Sound1.Play

    else
        set LabelResultado.Text to "Selecciona una operación antes de calcular."
Usamos if, else if y else. De momento no se validan campos vacíos ni división entre cero.

4. Paso a paso en App Inventor

1️⃣

Diseña la pantalla

Añade título, imagen, dos TextBox, ListPicker, botón, Label resultado y Sound.

2️⃣

Configura los TextBox

Usa Hint para indicar: escribe el primer número y escribe el segundo número.

3️⃣

Configura el ListPicker

Introduce las opciones: Sumar, Restar, Multiplicar y Dividir.

4️⃣

Crea el evento

En bloques, usa el evento when ButtonCalcular.Click.

5️⃣

Añade condicionales

Comprueba la operación seleccionada con if y else if.

6️⃣

Prueba la app

Comprueba las cuatro operaciones con números sencillos.

5. Prueba de la aplicación

Antes de entregar, debes comprobar que la aplicación realiza correctamente las operaciones básicas.

☐ Los dos TextBox permiten escribir números.
☐ El ListPicker muestra las cuatro operaciones.
☐ El botón Calcular ejecuta los bloques.
☐ Sumar muestra el resultado correcto.
☐ Restar muestra el resultado correcto.
☐ Multiplicar muestra el resultado correcto.
☐ Dividir muestra el resultado correcto.
☐ El sonido se reproduce al calcular.
Prueba con números fáciles: 10 y 2, 8 y 4, 12 y 3. No pruebes todavía letras ni campos vacíos.

6. Documento Word para Classroom

Cuando termines la aplicación, debes rellenar un documento de Word y subirlo a Google Classroom.

El documento debe incluir

  • Nombre y apellidos.
  • Nombre de la aplicación.
  • Componentes utilizados.
  • Qué hace la aplicación.
  • Bloques principales escritos.
  • Pruebas realizadas.
  • Dificultades encontradas.
  • Captura de pantalla del diseño, si es posible.

Preguntas para responder

  • ¿Qué componente permite escribir el primer número?
  • ¿Qué componente permite elegir la operación?
  • ¿Qué evento se utiliza para calcular?
  • ¿Qué ocurre si el usuario elige "Multiplicar"?
  • ¿Qué pruebas has realizado antes de entregar?
El documento Word es parte de la entrega. No basta con crear la app.

7. Reto opcional para alumnos rápidos

Reto 1: mensaje más completo

Haz que el resultado indique también la operación realizada.

La suma de 10 y 5 es: 15

Reto 2: cambio visual

Cambia el color del LabelResultado según la operación seleccionada.

Sumar → verde
Restar → azul
Multiplicar → morado
Dividir → naranja
El reto es opcional. La actividad principal está terminada cuando funcionan las cuatro operaciones.
1 / 1