Capítulo 01: O Mundo do Scratch: Palco, Atores e Fantasias

🎯 Objetivo da Aula

Nesta aula inaugural, você iniciará sua jornada no Pensamento Computacional e na Lógica de Programação Visual. Ao contrário das linguagens baseadas em texto puro, o Scratch 3.0 permite que você monte algoritmos conectando blocos de comando coloridos como se fossem peças de LEGO, eliminando qualquer frustração com pontuações ou erros de digitação.

Ao final desta aula, você será capaz de:

  1. Compreender a anatomia da interface do Scratch 3.0 (Área de Blocos, Área de Código, Palco e Painel de Atores).
  2. Diferenciar o papel do Palco (cenário/ambiente) e dos Atores (entidades que executam ações).
  3. Dominar o conceito de Fantasias (estados visuais alternativos de um ator).
  4. Construir e testar seu primeiro script funcional acionado pelo evento principal quando clicar em 🏁.

📥 Material de Apoio e Roteiro de Blocos:

🏢 O Cenário Prático (Seu Desafio)

Situação: A transportadora FastLog está modernizando o treinamento de seus operadores de pátio. Antes de colocar os operadores para manobrar carretas pesadas no armazém físico, a gerência decidiu criar um Simulador de Pátio Logístico no Scratch.

Missão: Você deve configurar o ambiente inicial do simulador: adicionar o cenário de um galpão logístico, inserir o caminhão de entregas da FastLog no pátio e programá-lo para se apresentar visualmente na tela com mensagens de inicialização do sistema.

🧠 Fundamentos: Os Três Pilares da Programação Visual

1. A Tríade do Scratch: Palco, Atores e Scripts

Para construir qualquer simulação no Scratch, combinamos três elementos:

  • O Palco (Stage): É a tela onde a mágica acontece. Ele possui dimensões de 480 pixels de largura por 360 pixels de altura.
  • Os Atores (Sprites): São os personagens e objetos do sistema (caminhões, cancelas, empilhadeiras, caixas e sensores). Cada ator possui sua própria área de código independente.
  • Os Scripts (Algoritmos em Blocos): São as pilhas de comandos que você conecta para definir o comportamento de cada ator.
graph TD
    A["Gatilho: Bandeira Verde Clicada (🟡 Eventos)"] --> B["Ator Selecionado: Caminhão FastLog"]
    B --> C["Posicionar no Início da Rua: vá para x: -180 y: -100 (🔵 Movimento)"]
    C --> D["Apresentação do Sistema: diga 'Sistema FastLog Ativo' (🟣 Aparência)"]
    D --> E["Aguardar 2 Segundos e seguir fluxo"]
    
    style A fill:#f39c12,stroke:#fff,stroke-width:2px,color:#fff
    style B fill:#2980b9,stroke:#fff,stroke-width:2px,color:#fff
    style C fill:#3498db,stroke:#fff,stroke-width:2px,color:#fff
    style D fill:#8e44ad,stroke:#fff,stroke-width:2px,color:#fff

2. O Conceito de Fantasias (Costumes)

Um único ator pode ter várias aparências diferentes, chamadas de Fantasias. No mundo corporativo e logístico, as fantasias representam Estados de Processo:

  • Um ator Cancela tem duas fantasias: Cancela_Fechada (horizontal) e Cancela_Aberta (vertical).
  • Um ator Semáforo tem três fantasias: Vermelho, Amarelo e Verde.
  • Um ator Caminhão tem duas fantasias: Vazio e Carregado_Com_Paletes.

3. Anatomia do Bloco de Comando

Os blocos do Scratch possuem formatos específicos que indicam como se conectam:

  • Blocos de Chapéu (com topo arredondado): Ficam sempre no topo de uma pilha (ex: quando clicar em 🏁). São os gatilhos que iniciam a execução.
  • Blocos de Encaixe (com saliência inferior e superior): Representam instruções sequenciais executadas passo a passo.

📖 Exemplo Guiado: Inicialização do Caminhão no Pátio

Passo a Passo no Scratch 3.0:

  1. Abra o Scratch em scratch.mit.edu (ou use o Scratch Desktop).
  2. Exclua o ator padrão do Gato clicando na lixeira.
  3. No canto inferior direito, clique em Selecionar Ator e escolha um caminhão (procure por “City Bus” ou “Truck”), ou desenhe um retângulo simulando uma carreta. Nomeie o ator como Caminhao_Entrega.
  4. No botão ao lado, Selecionar Cenário, escolha um cenário urbano ou de estrada (ex: “City”).
  5. Arraste para a área de código do caminhão os seguintes blocos:
1
2
3
4
5

quando clicar em 🏁
vá para x: (-150) y: (-80)
mude o tamanho para (80)%
diga [FASTLOG LOGÍSTICA - Terminal Conectado!] por (2) segundos
diga [Pronto para iniciar manobras no pátio.] por (2) segundos

✅ Comportamento Esperado no Palco:

Ao clicar na Bandeira Verde, o caminhão se posiciona instantaneamente no lado esquerdo da via, ajusta seu tamanho para 80% e exibe dois balões de fala consecutivos com as mensagens de inicialização.

🛠️ Prática Obrigatória 1: O Painel de Boas-Vindas da Portaria

O Desafio:

Adicione um segundo ator ao projeto: uma placa ou totem de sinalização chamado Totem_Portaria no canto superior do palco. Ao clicar na bandeira verde:

  1. O totem deve mudar seu efeito visual para chamar a atenção: use o bloco 🟣 mude o efeito [cor v] para (25).
  2. O totem deve emitir a mensagem: [BEM-VINDO AO CENTRO DE DISTRIBUIÇÃO FASTLOG] por 3 segundos.
  3. O caminhão deve esperar 4 segundos (tempo suficiente para não falar junto com a placa e para não sobrepor as duas falas do seu próprio script de apresentação, que já rodam em paralelo desde o Exemplo Guiado) e responder: [Carga fracionada de eletrônicos aguardando liberação.] por 3 segundos.

🛠️ Prática Obrigatória 2: Alternância de Fantasias do Semáforo

Crie um novo ator chamado Semaforo_Patio. No editor de fantasias, crie duas fantasias simples:

  • Fantasia 1: Um círculo Vermelho (chamada Pare).
  • Fantasia 2: Um círculo Verde (chamada Siga). Programe o semáforo para:
  1. Começar na fantasia Pare e dizer: [CANCELA FECHADA - Aguarde conferência] por 3 segundos.
  2. Trocar para a fantasia Siga e dizer: [ACESSO LIBERADO - Boa viagem!] por 3 segundos.

📤 Instruções de Entrega (Microsoft Teams)

  1. No menu superior do Scratch, clique em Arquivo ➔ Baixar para seu computador.
  2. Salve o arquivo do projeto com o nome: Atividade_01_SeuNome_SeuSobrenome.sb3.
  3. No Microsoft Teams, anexe o arquivo .sb3 (ou prints legíveis da tela do palco e dos scripts) na tarefa “Scratch Cap 01 - Introdução e Palco”.
  4. Clique em Entregar (Turn In).

💡 Checkpoint de Lógica & Engenharia de Software

Você acabou de aplicar os conceitos de Agentes Autônomos e Máquinas de Estados. No desenvolvimento de softwares corporativos (como simuladores industriais em Unity e sistemas de logística aeroportuária), cada elemento físico da empresa é modelado como um objeto com estados visuais bem definidos.

🔥 Desafio de Fixação: Buzina com Efeito Sonoro

Acesse a aba Sons do caminhão, procure pelo som "Car Horn" (ou grave o som de uma buzina). Programe o caminhão para, antes de falar, tocar o som da buzina até o fim usando o bloco 🎵 toque o som [Car Horn v] até o fim.

🔑 Gabarito de Código (Blocos do Scratch)

Prática 1:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

[Ator: Totem_Portaria]
quando clicar em 🏁
vá para x: (0) y: (120)
mude o efeito [cor v] para (25)
diga [BEM-VINDO AO CENTRO DE DISTRIBUIÇÃO FASTLOG] por (3) segundos

[Ator: Caminhao_Entrega]
quando clicar em 🏁
vá para x: (-150) y: (-80)
espere (4) segundos
diga [Carga fracionada de eletrônicos aguardando liberação.] por (3) segundos

Prática 2:

1
2
3
4
5
6
7

[Ator: Semaforo_Patio]
quando clicar em 🏁
vá para x: (180) y: (50)
mude para a fantasia [Pare v]
diga [CANCELA FECHADA - Aguarde conferência] por (3) segundos
mude para a fantasia [Siga v]
diga [ACESSO LIBERADO - Boa viagem!] por (3) segundos

Desafio:

1
2
3
4
5

[Ator: Caminhao_Entrega]
quando clicar em 🏁
vá para x: (-150) y: (-80)
toque o som [Car Horn v] até o fim
diga [Caminhão FastLog pronto para carregar!] por (2) segundos

📥 Download do Roteiro Completo desta Aula:
Baixe o arquivo consolidado Capitulo_01.txt ou o pacote compactado (.zip) com os scripts e desafios da aula.

📝 Atividade Extra: Questionário de Fixação (Caderno)

Instruções: Responda no caderno, de próprio punho, as 10 perguntas abaixo com base no que foi estudado neste capítulo. Ao concluir, leve o caderno até o professor para correção e visto.

  1. Quais são as dimensões do Palco no Scratch 3.0 (largura x altura, em pixels)?
  2. O que são os “Atores” (Sprites) no Scratch, segundo o capítulo?
  3. O que é uma “Fantasia” (Costume)? Dê o exemplo das fantasias do ator Semáforo usado no capítulo.
  4. Qual é a diferença entre um Bloco de Chapéu e um Bloco de Encaixe?
  5. No Exemplo Guiado, qual é o nome dado ao ator do caminhão de entrega?
  6. No Exemplo Guiado, qual bloco de evento inicia o script (o gatilho usado para disparar a apresentação do caminhão)?
  7. Na Prática Obrigatória 1, qual bloco é usado para o Totem_Portaria “chamar a atenção” mudando seu efeito visual?
  8. Na Prática Obrigatória 2, quais são os nomes das duas fantasias criadas para o ator Semaforo_Patio e o que cada uma representa?
  9. Segundo o Checkpoint, quais dois conceitos de Engenharia de Software você aplicou ao dar estados visuais bem definidos aos elementos físicos da empresa?
  10. Na Prática Obrigatória 1, qual é o nome do ator (totem) criado, e que mensagem de boas-vindas ele deve exibir?