Variables y listas en Thunkable

  • Aprenderás a utilizar variables para almacenar datos en una aplicación
  • Aprenderás a organizar los datos en listas
  • Utilizarás variables y listas en una aplicación

Estas son las actividades para esta lección:

ALMACENAMIENTO DE DATOS

Cuando codificas una aplicación, normalmente hay información o datos que necesitas almacenar, actualizar y a los que necesitas acceder en la aplicación.

Hay 3 tipos de datos que puedes necesitar para ejecutar una aplicación:

Variables

Almacena información mientras se ejecuta la aplicación.

Por ejemplo, un nombre de usuario o la puntuación de un partido.

Almacenamiento local

Almacena información en el dispositivo móvil para recuperarla cada vez que se ejecute la aplicación.

Por ejemplo, una dirección de usuario o la puntuación más alta de un juego.

Almacenamiento en la nube

Almacena la información en la web (nube) para que todos los usuarios de la aplicación puedan acceder a ella.

Por ejemplo, la clasificación del juego o los mensajes de chat.

En esta lección, nos centraremos en el almacenamiento de datos dentro de la aplicación, utilizando variables.

VARIABLES

Uno de los conceptos más importantes en programación es una variable. Una variable es el nombre de un dato que puede cambiar. Una forma fácil de recordarlo es que una variable puede variaro cambiar de valor.

Cada día hay mucha información importante para ti que cambia de valor. He aquí algunos ejemplos:

tarta de cumpleaños con velas
tu edad
nubes con gotas de lluvia
el tiempo
calendario mensual
fecha de hoy

Una variable es como una caja donde puedes almacenar información en su interior.

  1. Tú etiquetas o nombras la caja para recordar lo que hay dentro.
  2. Cuando necesitas la información puedes abrir la caja y obtener lo que hay dentro
  3. También puedes cambiar lo que hay dentro de la caja pero mantener el mismo nombre fuera.

 

animación de una variable almacenada en una caja

THUNKABLE VARIABLES

En Thunkable, se utilizan variables de aplicación para almacenar información mientras se ejecuta la aplicación.

Todos los bloques variables se encuentran en el cajón de variables. 

thunkable cajón variable

Existen tres bloques básicos para las variables. Aprende sobre ellos en las pestañas de abajo.

 

El bloque de inicialización reserva almacenamiento en tu aplicación para tu variable. Dale un nombre útil.

La variable numberOfLessons de la app se inicializa a 0

Aquí una variable como numberOfLessons se inicializa a 0, quizás para saber cuántas lecciones se han completado en una aplicación educativa.

El bloque "set" permite establecer o actualizar el valor de la variable.

bloque de variables de ajuste

Aquí, se obtiene el valor actual y la variable se establece en el valor actual + 1. Así, si numberOfLessons era 2, el nuevo valor sería 3.

El bloque get permite obtener el valor actual de la variable.

Aquí, el bloque get se utiliza para insertar el número de lecciones en una frase que se mostrará en Label1.
bloque get utilizado en el bloque join para establecer el texto de label1
Aquí se utiliza para obtener el número actual de lecciones para comprobar si es cero, en un bloque condicional.
obtener el bloque utilizado en el bloque if

LISTAS

A medida que construyas tu aplicación, es posible que te encuentres con múltiples datos a los que es necesario acceder dentro de la aplicación.

Por ejemplo, en lugar de un nombre de usuario, tu aplicación podría necesitar acceder a todos los nombres de usuario de la aplicación. O tal vez tu aplicación trate sobre animales, por lo que hay varios nombres de animales e imágenes que deben almacenarse.

En Thunkable, se utiliza algo llamado lista para organizar múltiples elementos de datos en tus programas. Otros lenguajes de programación las llaman matricespero en esencia son lo mismo.

Es posible que alguna vez hayas hecho una lista de tareas o de la compra, y las listas en programación son muy parecidas.

lista de la compra en papel con bolígrafo encima
lista paleta en thunkable

A las listas se accede a través de la paleta de bloques principales del Editor de bloques. Hay varios bloques que permiten crear, almacenar, recuperar y actualizar elementos de una lista.

La lista se almacena en una variable de la aplicación, por lo que puedes darle un nombre.

inicializar una lista de frutas

Las listas deben utilizarse siempre que haya varios datos relacionados entre sí.

Por ejemplo, si quisieras mostrar las 10 mejores puntuaciones de un juego, podrías crear diez variables con nombres como HighScore1,HighScore2, HighScore3 y así sucesivamente hasta llegar a HighScore10.

La acción preferida es hacer una lista llamada PuntuacionesAltas para contener las 10 puntuaciones altas. Ordenar, actualizar y añadir puntuaciones altas es mucho más fácil con una sola lista.

10 variables frente a una sola lista

Cada elemento de una lista tiene un índiceque es el lugar que ocupa en la lista, para poder recuperarlo.

Por ejemplo, en los bloques de abajo, el índice de 2 apunta al 2º elemento de la lista Frutas. Por lo tanto, Label1 mostrará "Bananas".

inicializar una lista de frutas
from label1.text set text to in list (app fruits) get #2.

También puedes añadir, eliminar y sustituir cosas en las listas. 

Si tomas tu lista original de Frutas de [Manzanas, Plátanos, Naranjas] ¿puedes adivinar qué contendrá la lista de Frutas después de ejecutar los bloques de abajo, en el orden en que están?

inicializar una lista de frutas
Thunkable bloques para actualizar la lista de frutas

Buenas prácticas: La palabra variable es uno de los temas más difíciles de aprender para estudiantes. La analogía de la caja realmente ayuda, así que si tienes que hacer algún etiquetado de cajas en la vida real para ilustrar las cosas, ¡podría ser una buena idea!

Preguntas orientativas para estudiantes:

¿Crees que hay otras formas de almacenar datos que no sean listas o variables? ¿Y si quieres guardar dos valores juntos? Por ejemplo, quiero una lista de cuántas naranjas y cuántas manzanas tengo, algo así:
Naranjas 3
Manzanas 5

Quiero almacenar esto de alguna manera. Es una lista más complicada. Es casi como una lista donde los valores están vinculados entre sí de esta manera:
Naranjas -> 3
Manzanas -> 5

Las flechas tienen una dirección, así que podríamos llamarlo un mapa. Hay muchas otras estructuras de datos. ¿Puedes encontrar otras?

Conocimientos avanzados para estudiantes que están sobresaliendo: Si una de tus estudiantes está interesada en hacer más programación que no sea mediante bloques de programación (por ejemplo: seguir codificando en Python o Javascript) podrías explicarle que los lenguajes programación se preocupan más por lo que hay en la caja. Por ejemplo, los números se tratan de forma diferente a los caracteres de una palabra. Lenguajes como Python y Javascript son muy quisquillosos sobre cómo almacenar números frente a caracteres porque son diferentes "tipos" de cosas que puedes almacenar en tu variable. Podrías hacer la analogía de que utilizas diferentes tipos de cajas para almacenar cosas: Tus sobras tienen que ir en una caja especial para sobras (tupperware) y cuando te mudas, tus cosas tienen que ir en una caja de mudanza (caja de cartón). Lo mismo ocurre con python. Los números van en cajas para números y los caracteres van en cajas para caracteres.

Los consejos de los mentores se proporcionan gracias al apoyo de AmeriCorps.

stylized A, AmeriCorps logo in navy
solución: lista [manzanas, cerezas, kiwis, uvas]

ACTIVIDAD: COMPLETA LA APLICACIÓN CUESTIONARIO

Tiempo estimado: 45 minutos

Completa el código utilizando variables y listas

Siga las instrucciones de hoja de ejercicios para crear una aplicación cuestionario que ponga a prueba los conocimientos del usuario sobre un tema de su elección.
Abrir hoja de ejercicios

REFLEXIÓN

 

En esta lección, aprendiste cómo almacenar información en tu aplicación, y cómo usar mucha información con listas. Considera estas preguntas:

reflexión con bits de datos
¿Qué datos necesitarás almacenar en tu aplicación?
¿Cómo podrías incluir listas en tu aplicación?
Diapositiva anterior
Siguiente diapositiva

REVISIÓN DE TÉRMINOS CLAVE

  • Variable- una forma de nombrar y acceder a la información dentro de una aplicación
  • Listas - una forma de organizar múltiples datos en Thunkable
  • Índice - número que indica dónde se encuentra un dato en una lista
  • Matriz - nombre común de las listas en lenguajes de programación distintos de App Inventor y Thunkable

RECURSOS ADICIONALES

El componente Simple List (antes llamado Visor de listas) permite

  • visualizar elementos de lista en tu aplicación
  • selección de usuarios de un elemento de la lista.
  • programación de una acción a realizar cuando el usuario selecciona un elemento

Mira en el video una demostración rápida de su uso: