Variáveis e Listas no Thunkable

  • Saber como usar variáveis para armazenar dados em um aplicativo
  • Aprender como organizar dados em listas
  • Usar variáveis e listas em um aplicativo

Estas são as atividades para esta lição:

ARMAZENAMENTO DE DADOS

Quando você programa um aplicativo, geralmente há algumas informações ou dados que precisam ser armazenados, atualizados e acessados no aplicativo.

Há três tipos de dados que você pode precisar para executar um aplicativo:

Variáveis

Armazene informações enquanto o aplicativo é executado.

Por exemplo, um nome de usuário ou uma pontuação de jogo.

Armazenamento local

Armazenar informações no dispositivo móvel para serem recuperadas sempre que o aplicativo for executado.

Por exemplo, um endereço de usuário ou uma pontuação alta em um jogo.

Armazenamento em nuvem

Armazenar informações na Web (nuvem) para que todos os usuários do aplicativo possam acessar as informações.

Por exemplo, tabela de classificação de jogos ou mensagens de bate-papo.

Nesta lição, vamos nos concentrar no armazenamento de dados dentro do aplicativo, usando variáveis.

VARIÁVEIS

Um dos conceitos mais importantes em programação é uma variável. A variável é o nome de uma parte dos dados que pode mudar. Uma maneira fácil de lembrar é que uma variável pode variarou mudar de valor.

Há muitas informações que são importantes para você todos os dias e que mudam de valor. Aqui estão alguns exemplos:

bolo de aniversário com velas
sua idade
nuvens com gotas de chuva
o clima
calendário mensal
data de hoje

A variável é como uma caixa na qual você pode armazenar informações.

  1. Voce rotula ou nomeia a caixa para lembrar o que tem dentro.
  2. Quando você precisar das informações, poderá abrir a caixa e obter o que está dentro dela
  3. Você também pode alterar o que está dentro da caixa, mas manter o mesmo nome do lado de fora.

 

animação da variável sendo armazenada em uma caixa

VARIÁVEIS DO THUNKABLE

No Thunkable, você usa variáveis do aplicativo para armazenar informações durante a execução do aplicativo.

Todos os blocos de variáveis são encontrados na gaveta Variable (Variável). 

gaveta de variável thunkable

Há três blocos básicos para variáveis. Saiba mais sobre eles nas guias abaixo.

 

O bloco initialize (inicializar) reserva o armazenamento no app para sua variável. Dê a ela um nome útil.

A variável de aplicativo numberOfLessons é inicializada como 0

Aqui, uma variável numberOfLessons (Número de lições) é inicializada em 0, talvez para rastrear quantas lições foram concluídas em um aplicativo educacional.

O bloco set (definir) permite que você defina ou atualize o valor da variável.

bloco de variável set

Aqui, o valor atual é obtido e a variável é definida como o valor atual + 1. Portanto, se numberOfLessons fosse 2, o novo valor seria 3.

O bloco get (obter) permite que você obtenha o valor atual da variável.

Aqui, o bloco get é usado para inserir o número de aulas em uma frase a ser exibida no Label1.
obter o bloco usado no bloco de junção para definir o texto do label1
Aqui, ele é usado para obter o número atual de aulas e testar se é zero, em um bloco condicional.
bloco get sendo usado no bloco if

LISTAS

Ao criar o app, você poderá descobrir que tem vários dados que precisam ser acessados no aplicativo.

Por exemplo, em vez de um nome de usuário, o app talvez precise acessar todos os nomes de usuário do aplicativo. Ou talvez o app seja sobre animais, portanto, há vários nomes de animais e imagens que precisam ser armazenados.

No Thunkable, você usa algo chamado lista para organizar vários itens de dados em seus programas. Outras linguagens de programação as chamam de matrizesmas elas são essencialmente a mesma coisa.

Talvez você já tenha feito uma lista de tarefas ou de compras, e as listas em programação são muito semelhantes.

lista de compras em papel com caneta na parte superior
paleta de listas no thunkable

As listas são acessadas por meio da paleta Core blocks no Blocks Editor. Há vários blocos que permitem criar, armazenar, recuperar e atualizar itens em uma lista.

Você armazena uma lista em uma variável de aplicativo, portanto, pode dar um nome à sua lista.

inicialização de uma lista de frutas

Você deve usar listas sempre que tiver várias informações relacionadas.

Por exemplo, se você quisesse exibir as 10 pontuações mais altas de um jogo, poderia criar dez variáveis com nomes como HighScore1,HighScore2, HighScore3 e assim por diante até chegar a HighScore10.

A ação preferida é criar uma lista chamada HighScores para conter todas as 10 pontuações mais altas. Ordenar, atualizar e adicionar pontuações altas é muito mais fácil com uma única lista.

10 variáveis versus uma única lista

Cada item em uma lista tem um índiceque é seu lugar na lista, para permitir que você recupere o item da lista.

Por exemplo, nos blocos abaixo, o índice de 2 aponta para o segundo item na lista Fruits (Frutas). Portanto, o Label1 exibirá "Bananas".

inicialização de uma lista de frutas
from label1.text set text to in list (app fruits) get #2.

Você também pode adicionar, remover e substituir itens em listas. 

Se você pegar a lista original de frutas [Maçãs, Bananas, Laranjas], consegue adivinhar o que a lista de frutas conterá depois que você executar os blocos abaixo, na ordem em que estão?

inicialização de uma lista de frutas
Blocos Thunkable para atualizar a lista de frutas

Melhores práticas: A palavra variável é um dos tópicos mais difíceis de aprender para estudantes. A analogia da caixa realmente ajuda, portanto, se você tiver que rotular caixas na vida real para ilustrar as coisas, essa pode ser uma boa ideia!

Perguntas de orientação para fazer a estudantes:

Você acha que existem outras maneiras de armazenar dados além de listas ou variáveis? E se você quiser manter dois valores juntos? Por exemplo, eu quero uma lista de quantas laranjas e quantas maçãs eu tenho, algo assim:
Laranjas: 3
Maçãs: 5

Quero armazenar isso de alguma forma. É uma lista mais complicada. É quase como uma lista em que os valores são vinculados da seguinte forma:
Laranjas -> 3
Maçãs -> 5

As setas têm uma espécie de direção, portanto, chamaríamos isso de mapa! Há muitas outras estruturas de dados também! Você consegue encontrar mais alguma?

Conhecimento avançado para estudantes que estão se destacando: Se um dos seus estudantes estiver interessado em fazer mais programação que não seja o bloco programação (por exemplo, continuar a programar em Python ou Javascript), você pode explicar a ele que as linguagens programação se preocupam mais com o que está na caixa. Por exemplo, os números são tratados de forma diferente dos caracteres em uma palavra. Linguagens como Python e Javascript são muito exigentes quanto à forma de armazenar números e caracteres porque são "tipos" diferentes de coisas que podem ser armazenadas em uma variável. Você poderia fazer uma analogia com o uso de diferentes tipos de caixas para armazenar coisas: As sobras de comida devem ser colocadas em uma caixa especial para sobras (tupperware) e, quando você for se mudar, suas coisas devem ser colocadas em uma caixa de mudança (caixa de papelão). O mesmo acontece com o python. Os números vão para as caixas de números e os caracteres vão para as caixas de caracteres.

As dicas são fornecidas com o apoio do AmeriCorps.

A estilizado, logotipo da AmeriCorps em azul-marinho
solução: lista [maçãs, cerejas, kiwis, uvas]

ATIVIDADE: COMPLETE O APLICATIVO DE QUIZ

Tempo estimado: 45 minutos

Complete o código usando variáveis e listas

Siga as instruções da planilha para criar um aplicativo de quiz que teste o conhecimento do usuário sobre um tópico de sua escolha.
Abrir planilha

REFLEXÃO

 

Nesta lição, sua equipe aprendeu como armazenar informações no app e como usar muitas informações com listas. Considere estas perguntas:

reflexão com bits de dados
Que dados você precisará armazenar no app?
Como você pode incluir listas no app?
Slide anterior
Próximo slide

REVISÃO DOS PRINCIPAIS TERMOS

  • Variável- uma maneira de nomear e acessar informações em um aplicativo
  • Listas - uma maneira de organizar várias partes de dados no Thunkable
  • Índice - um número que informa onde uma parte dos dados está em uma lista
  • Array - Nome comum para listas em linguagens de programação diferentes de App Inventor e Thunkable

RECURSOS ADICIONAIS

O componente Simple List (anteriormente chamado de List Viewer) permite

  • exibição dos elementos da lista no app
  • seleção pelo usuário de um item na lista.
  • programação de uma ação a ser executada quando o usuário seleciona um item

Assista a este vídeo para ver uma demonstração rápida de seu uso: