1 / 7
📱 App Inventor · Práctica guiada

Mi lista de tareas

En esta actividad crearás una app sencilla tipo ToDo. Escribirás una tarea, elegirás su prioridad y mostrarás un consejo final.

TextBox ListPicker Button Label Sound if / else if / else

1. ¿Qué vamos a crear?

Objetivo de la aplicación

Vamos a crear una aplicación llamada Mi lista de tareas.

El usuario escribirá una tarea, elegirá una prioridad y la aplicación mostrará un consejo según la prioridad seleccionada.

Esta app sirve para practicar una estructura muy habitual: escribir datos, elegir una opción y mostrar un resultado.

Funcionamiento esperado

  • Escribir una tarea en una caja de texto.
  • Elegir una prioridad: alta, media o baja.
  • Pulsar el botón Guardar tarea.
  • Mostrar el resultado final en pantalla.
  • Reproducir un sonido cuando todo esté correcto.

2. Diseño de la aplicación

Mi lista de tareas

✅
Estudiar para el examen
Alta ▼
Guardar tarea
Tarea: Estudiar para el examen
Prioridad: Alta
Consejo: Hazla primero.

Así debe quedar aproximadamente

No tiene que ser idéntica, pero debe tener los mismos elementos principales.

  • Título visible.
  • Imagen decorativa.
  • Caja de texto para escribir la tarea.
  • Selector de prioridad.
  • Botón para guardar.
  • Etiqueta de resultado.
Cuida que los nombres de los componentes sean claros. Eso ayuda mucho al crear los bloques.

3. Componentes necesarios

Componente Nombre recomendado Texto / propiedad Text Función
Label LabelTitulo Mi lista de tareas Muestra el título de la aplicación.
Image ImageTareas No tiene propiedad Text. Poner una imagen relacionada con tareas. Imagen decorativa relacionada con tareas.
TextBox TextBoxTarea Hint: Escribe una tarea Permite escribir la tarea.
ListPicker ListPickerPrioridad Elegir prioridad Permite elegir prioridad: Alta, Media o Baja. Después de elegir, su texto debe cambiar por la selección realizada.
Button ButtonGuardar Guardar tarea Ejecuta la acción principal.
Label LabelResultado Vacío al inicio o Resultado de la tarea Muestra la tarea, la prioridad y el consejo.
Sound Sound1 No tiene propiedad Text. Cargar un sonido corto. Reproduce un sonido al guardar correctamente.
Opciones del ListPicker: Alta, Media y Baja. En la propiedad ElementsFromString escribe: Alta,Media,Baja.

4. Bloques principales

Primero hay que hacer que el ListPicker cambie su texto cuando el alumno elige una prioridad.

when ListPickerPrioridad.AfterPicking

    set ListPickerPrioridad.Text to ListPickerPrioridad.Selection

Después se programa el botón Guardar tarea.

when ButtonGuardar.Click

    if TextBoxTarea.Text = ""
        set LabelResultado.Text to "Escribe una tarea antes de continuar."

    else if ListPickerPrioridad.Selection = "Alta"
        set LabelResultado.Text to join
            "Tarea: " + TextBoxTarea.Text +
            "\nPrioridad: Alta\nConsejo: Hazla primero."
        call Sound1.Play

    else if ListPickerPrioridad.Selection = "Media"
        set LabelResultado.Text to join
            "Tarea: " + TextBoxTarea.Text +
            "\nPrioridad: Media\nConsejo: Planifícala para hoy."
        call Sound1.Play

    else if ListPickerPrioridad.Selection = "Baja"
        set LabelResultado.Text to join
            "Tarea: " + TextBoxTarea.Text +
            "\nPrioridad: Baja\nConsejo: Puedes hacerla más tarde."
        call Sound1.Play

    else
        set LabelResultado.Text to "Elige una prioridad."

5. Prueba de la aplicación

Pruebas obligatorias

☐ Elegir Alta y comprobar que el ListPicker muestra el texto Alta.
☐ Escribir una tarea y elegir prioridad Alta.
☐ Escribir una tarea y elegir prioridad Media.
☐ Escribir una tarea y elegir prioridad Baja.
☐ Pulsar el botón sin escribir tarea.
☐ Comprobar que el sonido se reproduce.
☐ Comprobar que el resultado se lee correctamente.

Errores frecuentes

  • No poner bien las opciones del ListPicker.
  • Olvidar comprobar si el TextBox está vacío.
  • Escribir mal el nombre de una prioridad.
  • No usar el bloque join para unir textos.
  • No cargar ningún sonido en el componente Sound.

6. Documento para entregar en Classroom

Rellena un documento de Word

Cuando termines la app, crea o rellena el documento de entrega con estos apartados:

  • Nombre y apellidos.
  • Nombre de la aplicación.
  • Componentes utilizados.
  • Funcionamiento de la aplicación.
  • Bloques principales escritos en texto.
  • Pruebas realizadas.
  • Dificultades encontradas.

Reto opcional

Añade un botón llamado ButtonLimpiar.

when ButtonLimpiar.Click
    set TextBoxTarea.Text to ""
    set LabelResultado.Text to ""
Este reto es para quien termine antes. No es obligatorio.
1 / 7