Taller 3: Lista de Datos

¡Hola! Bienvenido al tercer taller. El día de hoy vamos a programar una aplicación móvil que permita las siguientes cosas:

  • Crear dos listas.
  • Fijar el tamaño de cada lista.
  • Agregar datos a cada lista.
  • Sustituir datos de cada lista.
  • Borrar datos de cada lista.
  • Reiniciar las listas.
  • Comprobar si un dato existe en la lista uno o lista dos.

Para comenzar, cree la siguiente interfaz utilizando los bloques de disposición:

Nombre a todos los elementos con el prefijo btn para los botones y txt para los textos, para así facilitar el trabajo al momento de programar.

Crear dos variables globales inicializadas en 0 para definir el tamaño de cada lista.

Luego crear dos variables como listas llamadas arreglos, esta serán nuestras listas en donde irán los datos. Ir a Bloque / Lista y crear una lista vacía.

Cuando ingresemos el tamaño y hagamos clic en Fijar tamaño se creará una lista con un número determinado de elementos en blanco, los cuales después ingresaremos.

Además crearemos cuatro procedimientos, dos para agregar un dato a cada lista y otros dos para obtener un dato de cada lista.

El procedimiento para obtener un dato es:

El procedimiento para agregar un dato es:


Ahora, para crear una lista, el algoritmo es el siguiente:
  • Al hacer clic en tamaño Hacer
  • Obtener valor del tamaño
  • Crear una lista vacía
  • Inicializar la lista con todos los elementos en null
  • Enviar un mensaje al usuario que se ha creado la lista
  • Limpiar caja de texto
  • Fin_Hacer



El algoritmo para crear la segunda lista es similar.

Para ingresar un dato a cada lista hay que seguir el siguiente algoritmo:

  • Al hacer clic en Aceptar Hacer
  • Llamar al procedimiento agregar Elemento enviando la posición y el dato
  • Limpiar la caja de texto de posición
  • Limpiar la caja de texto dato
  • Fin_Hacer
Al igual que antes, el algoritmo para la segunda lista lo debes realizar tú.

Después para listar los elementos agregados se debe realizar:
  • Al hacer clic en Listar Hacer
  • Limpiar caja de texto de listado
  • Para i desde 1 hasta tamaño del arreglo Hacer
  • En la caja de texto del listado concatenar los caracteres con  [i]= con el valor obtenido del procedimiento obtenerElemento en la posición i
  • Fin_Para
  • Fin_Hacer
Nuevamente, el algoritmo para listar la segunda lista es similar.

Ahora, crearemos dos procedimientos nuevos para borrar elementos de las listas. 


Luego mediante el siguiente algoritmo debes hacer uso de los procedimientos creados. Lo que realizará este botón es que tu lista mantenga el número de elementos, pero elimines los datos que quieras.


Despúes de ello, realizaremos un algoritmo para reiniciar ambas listas, eliminando el tamaño y sus datos.

Inicializando cada variable en cero y luego copiando los bloques de tu algoritmo listar podrás realizarlo.

Por último, relizaremos un algoritmo para comprobar si un dato existe en tus listas.

Utilizando los bloques si/entonces y los notificadores podrás programarlo.


Antes de despedirnos, abajo podrás ver un vídeo del programa ya terminado para hacerte una idea de lo que debes lograr, recuerda que puedes añadirle imágenes, colores o cambiar los textos a tu antojo. Incluso puedes optimizar los botones cambiando los algoritmos. ¡Saludos!










Comentarios

Entradas populares de este blog

MIT App Inventor