TECNOLOGIA E INOVAÇÃO

Treinamento Scratch
Trilha - Sustentabilidade e Meio-
ambiente

Espaço 6 - Robótica e Modelagem

 Objetivo da Trilha

Apresentar aos alunos o conceito de energias limpas e

renováveis e como elas ajudam a poupar recursos
naturais. Para isso, iremos mostrar para os alunos como
construir um narrativa digital explorando conhecimento
de sustentabilidade e Meio-ambiente.

Metodologia Ativa: Aprendizagem Baseada em Jogos /

Aprendizagem Colaborativa.
Vamos entender um pouco de sustentabilidade?

Sustentabilidade é a busca pelo equilíbrio entre o

suprimento das necessidades humanas e
preservação dos recursos naturais, não
comprometendo as próximas gerações.
 O que é Scratch?

É uma linguagem de programação, que utiliza

blocos, onde você pode criar suas próprias
histórias, jogos e animações interativas, e
compartilhar suas criações com pessoas do mundo
todo.
 O que é Scratch?

Durante o processo de criação e programação dos

projetos do Scratch, podemos aprendem a pensar
de forma criativa, a raciocinar de forma sistemática
e a trabalhar de forma colaborativa.
 E a Narrativa digital?

O que em inglês se denomina Digital Storytelling, no

Brasil estamos chamando de narrativa digital. Em
sua essência trata-se de fazer uso de tecnologias
digitais para contar histórias.
 Como acessar o scratch e criar uma conta

Acesse: https://scratch.mit.edu/

Clique em inscreva-se
Preencha todos os campos e clique em próximo.
Preencha os demais campos e por fim clique em
Criar conta.
E Comece a utilizar o Scratch
 Etapas do desenvolvimento da Trilha

Etapa 1 Escolher os personagens

Etapa 2 Escolher o cenário

Etapa 3 Criar o diálogo

Etapa 4 Aplicar zoom no personagem

Etapa 5 Finalizar a narrativa digital

 Etapa 1 – Vamos escolher os personagens?

Para nossa narrativa digital iremos escolher dois

personagens.
Para escolher o personagem 1: (escolha Abby)

o
e s c olher
a q u i pa r a m 1
e ge
Cliqu persona
 Etapa 1 – Vamos escolher os personagens?

Para nossa narrativa digital iremos escolher dois

personagens.
Para escolher o personagem 2: (escolha Avery)

o
e s c olher
ra
e a q ui pa em 2
g
Cliqu persona
 Etapa 1 – Vamos escolher os personagens?

Seu programa deverá estar assim

Personagem 1 Personagem 2

Essa personagem está na

direção errada. Vamos
arrumar?

Personagem 1 Personagem 2
 Etapa 1 – Vamos escolher os personagens?

Colocando a personagem 2 na direção correta.

Primeiro vamos conhecer os blocos de
programação

Essas são as opções

Esses são os blocos
de blocos
para programação
 Etapa 1 – Vamos escolher os personagens?

No scratch utilizamos blocos para montar a

narrativa digital, para cada tipo de movimento de
personagens utilizamos um grupo de blocos.

Cada bloco é encaixado no próximo, quando todos

estão posicionados corretamente nossa narrativa
digital funciona.
 Etapa 1 – Vamos escolher os personagens?

Seus personagens deverão ficar assim:

 Etapa 1 – Vamos escolher os personagens?

Colocando a personagem 2 na direção correta.

2
1

1. Inicia a ação quando clicar na bandeira verde.

2. Posiciona corretamente a personagem, devemos colocar –90
graus ou alterar no relógio até -90 graus.
3. Movimentar a personagem para a direita ou para esquerda
(ela fica de cabeça para baixo).
 Etapa 2 – Vamos escolher o cenário?

Para escolher o cenário devemos fazer o seguinte:

he ro
s c ol
a r ae
p
a qui nário
ue ce
Cliq
 Etapa 2 – Vamos escolher o cenário?

Aparecerá a tela abaixo, clique no cenário Desert e

pronto.
 Etapa 2 – Vamos escolher o cenário?

Sua tela deverá ficar assim.

 Etapa 3 – Vamos criar os diálogos?

Para criar o diálogo entre os personagens você deverá

seguir os passos a seguir. Para personagem 1 (Abby):

5
 Etapa 3 – Vamos criar os diálogos?

Para personagem 1 (Abby):

1. Falará “Olá” e irá aguardar 2 segundos para o próximo
comando.
2. Falará “ Meu nome é Abby”.
3. Irá esperar 2 segundos para executar a próxima ação.
4. Esse balão vazio servirá para apagar o balão de
diálogo após a fala.
5. Ele servirá como um comando para dizer que o
próximo personagem irá iniciar sua fala (um gatilho de
inicio de fala).
 Etapa 3 – Vamos criar os diálogos?

Para personagem 2 (Avery):

2
 Etapa 3 – Vamos criar os diálogos?

Para personagem 2 (Avery):

1. A personagem recebe o comando que deve iniciar a

fala.

2. Ele servirá como um comando para dizer que o

próximo personagem irá iniciar sua fala (um gatilho de
inicio de fala).

Os demais blocos seguem a mesma lógica.

 Etapa 3 – Vamos criar os diálogos?

Para continuar o dialogo é só seguir a mesma sequência de blocos

alterando os blocos de quando receber, diga, espere e transmita.

Essa programação é um
exemplo para personagem
1 Abby.
 Etapa 3 – Vamos criar os diálogos?

Para continuar o dialogo é só seguir a mesma sequência de blocos

alterando os blocos de quando receber, diga, espere e transmita.

Essa programação é um
exemplo para personagem
2 Avery.
 Etapa 4 – Vamos aprender a dar zoom na personagem?

Para criar o efeito de Zoom nos personagens seguiremos

os passos abaixo:
1. Duplicaremos as personagens clicando com lado
direito do mouse em cima da personagem Abby e em
seguida, da Avery.

1
 Etapa 4 – Vamos aprender a dar zoom na personagem?

Para criar o efeito de Zoom nos personagens seguir

os passos abaixo: Quando você duplica o

Deverá ficar assim: personagem o código de

blocos é copiado também,
limpe todos os blocos que
foram duplicados também.

Personagem 1 duplicado Personagem 2 duplicado

Abby2 Avery2
 Etapa 4 – Vamos aprender a dar zoom na personagem?

Clique na Aba Fantasias da personagem Abby 2

Aba Fantasia

Avery2
 Etapa 4 – Vamos aprender a dar zoom na personagem?

Com a ferramenta selecionar clique na personagem e

selecione o dorso dela

Ferramenta selecionar

Dorso selecionado
Etapa 4 – Vamos aprender a dar zoom na personagem?

Clicando na bolinha azul do canto inferior aumente a

imagem.

Sua personagem deve

ficar assim

Imagem ampliada

Bolinha azul inferior

Etapa 4 – Vamos aprender a dar zoom na personagem?

Código de Blocos para Abby 2

2
3
Etapa 4 – Vamos aprender a dar zoom na personagem?

Código de Blocos para Abby 2

1. Quando clicar na bandeira verde o personagem some,

caso não coloque esse bloco ele irá aparecer no início
do diálogo

2. Esse bloco irá mostrar o cenário 1 quando transmitir o

gatilho4, não possuem imagem no fundo (iremos
construir a seguir)

3. Quando receber o gatilho 4 a personagem aparece.

Etapa 4 – Vamos aprender a dar zoom na personagem?

Fazer a mesma coisa para a Avery2

Sua personagem deve

ficar assim
Imagem ampliada

Bolinha azul inferior

Etapa 4 – Vamos aprender a dar zoom na personagem?

Código de Blocos para Avery 2

 Etapa 4 – Vamos aprender a dar zoom na personagem?

Para criar o cenário sem nenhuma imagem de fundo

(cenário 1)
2
3
5

6
4

1
Etapa 4 – Vamos aprender a dar zoom na personagem?

1. Clique em cenário.

2. Clique na Aba cenário

3. Clique em cenário 1

4. Clique na ferramenta Retângulo

5. Escolha a cor 15, com saturação 91

6. Clique no canto superior da área quadriculada e puxe

até o retângulo preencher toda a tela.
Etapa 4 – Vamos aprender a dar zoom na personagem?

Quando você cria novos blocos, alguns blocos também

devem ser adicionados nas personagens anteriores, para
que o personagens não desapareçam ou apareçam na
cena errada.

A seguir vamos verificar os blocos que devem ser

acrescentados .
 Etapa 4 – Vamos aprender a dar zoom na personagem?

Para Abby:

Para ela aparecer na cena inicial

Para o cenário aparecer na cena inicial

 Etapa 4 – Vamos aprender a dar zoom na personagem?

Para Avery:

Para ela aparecer na cena inicial

 Etapa 5 – Finalização da Narrativa digital

Exemplo de narrativa digital pronta

 Referência dos Vídeos
• Link para consulta

• https://scratch.mit.edu/projects/613093139
• https://www.youtube.com/watch?v=GsbXhCTI_Qo
• https://www.youtube.com/watch?v=jvZLG5BSJf0

• Indicação de livro

• https://www.google.com.br/books/edition/
Aprenda_a_Programar_com_Scratch/0IvyAwAAQBA J?hl=pt-
BR&gbpv=0