Variáveis e listas no Thunkable

  • Saiba como usar variáveis para armazenar dados em um aplicativo
  • Saiba 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ê codifica 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 é o de 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:

birthday cake with candles
sua idade
clouds with raindrops
o clima
monthly calendar
data de hoje

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

  1. O senhor 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.

 

animation of variable being stored in a box

VARIÁVEIS AGRUPÁVEIS

No Thunkable, você usa variáveis de 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). 

thunkable variable drawer

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

 

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

app variable numberOfLessons is initialized to 0

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

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

set variable block

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 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.
get block used in join block for setting label1 text
Aqui, ele é usado para obter o número atual de aulas e testar se é zero, em um bloco condicional.
get block used in if block

LISTAS

Ao criar o app, você pode descobrir que tem vários dados que precisam ser acessados dentro do aplicativo.

Por exemplo, em vez de um nome de usuário, o app pode precisar 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 uma lista de compras, e as listas em programação são muito semelhantes.

shopping list on paper with pen on top
lists palette in 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.

initializing a list of fruits

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 variables vs a single list

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".

initializing a list of fruits
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?

initializing a list of fruits
Thunkable blocks to update fruit list
solution: list [apples, cherries, kiwis, grapes]

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

Perguntas orientadoras a serem feitas aos estudantes:

Você acha que há 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 estão vinculados, assim:
Laranjas -> 3
Maçãs -> 5

As setas têm uma espécie de direção, então 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 de seus estudantes estiver interessado em fazer mais programação que não seja programação em bloco (por exemplo, continuar a codificar 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.

stylized A, AmeriCorps logo in navy

ATIVIDADE: COMPLETE O APLICATIVO QUIZ

Tempo estimado: 45 minutos

Complete o código usando variáveis e listas

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

REFLEXÃO

 

Nesta lição, você aprendeu como armazenar informações em o app e como usar muitas informações com listas. Considere estas perguntas:

reflection with bits of data
Quais dados você precisará armazenar em o app?
Como você pode incluir listas em o app?

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
  • Matriz - Nome comum para listas em linguagens de programação que não sejam App Inventor e Thunkable

RECURSOS ADICIONAIS

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

  • exibição de elementos de lista em o 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: