Introdução ao Scratch: mudanças entre as edições

De IFSC
Ir para navegação Ir para pesquisar
imported>Fargoud
imported>Fargoud
 
(34 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
=Acesso ao Scratch=


Você poderá acessar o aplicativo neste link: [https://scratch.mit.edu/ '''http://scratch.mit.edu'''].
=Horário dos Encontros=


Você pode utilizar a versão ''on-line'', ou instalar o aplicativo no seu computador.


A tela inicial é esta:


[[image: SCRATCH1tela1.png|center]]
{| border="1" cellpadding="2" cellspacing="0"
! style="background: #32CD32; color:white" | Horário
! style="background: #32CD32; color:white" | Segunda
! style="background: #32CD32; color:white" | Terça
! style="background: #32CD32; color:white" | Quarta
! style="background: #32CD32; color:white" | Quinta
! style="background: #32CD32; color:white" | Sexta
|-
!style="text-align: center;" | 14:00 - 14:55 
!|
!|  ATENDIMENTO
!|
!|
!style="color: #2F8F8F;"| Scratch
|-
!style="text-align: center;" | 14:55 - 15:50
!|
!|  ATENDIMENTO
!|
!|
!style="color: #2F8F8F;"| Scratch
|-
!style="color: #2F8F8F;" | -
!style="color:green;" | I n t e r v a l o
!style="color:green;" | I n t e r v a l o
!style="color:green;" | I n t e r v a l o
!style="color:green;" | I n t e r v a l o
!style="color:green;" | I n t e r v a l o
|-
!style="text-align: center;" | 16:10 - 17:05
!|
!|  ATENDIMENTO
!|
!|
!style="color: #2F8F8F;"| Scratch
|-
!style="text-align: center;" | 17:05 - 18:00
!|
!|  ATENDIMENTO
!|
!|
!style="color: #2F8F8F;"| Scratch
|-


|}
<br>


Você também pode optar por criar seus programas direto pela web, ou antes criar um perfil e acessá-lo, para só daí começar a criar.
=Aulas=


Vale ressaltar que se você não criar um perfil, poderá utilizar a plataforma
:AULA 1 - [[O ambiente]] (4h)
apenas para explorar as criações dos demais usuários e fazer suas criações, porém não
:AULA 2 - [[Efeitos_Sonoros |Efeitos sonoros]] (4h)
poderá compartilhar e comentar, ou seja, não poderá utilizar todo o potencial da plataforma.
:AULA 3 - [[Fantasias |Alterando o aspecto do ator]](4h)
:AULA 4 - [[Cenarios | Criando e alterando cenários]] (4h)
:AULA 5 - [[Instrucoes| Trabalhando com instruções]](4h)
:AULA 6 - [[Variaveis | Usando Variáveis]] (4h)
:AULA 7 - [[Extensões]] (4h)
:AULA 8 - [[Desafios| Desafios Scratch]](4h)
:AULA 9 - [[Projeto 1 | Projeto 1 - Jogo Scratch ]] (4h)
:AULA 10 - [[Jogos|Seu primeiro jogo]] (4h)




==Criando um perfil==
-------------------------


Para criar um perfil, siga estes passos:
=Referências=


[[image: SCRATCHperfil1.png|center]]
As seguintes apostilas e links foram utilizados como referência, na produção deste material e estão disponíveis para consulta:


[[image: SCRATCHperfil2.png|center]]
: [https://www.ufrgs.br/soft-livre-edu/arquivos/scratch-apresentacao.pdf Iniciação à programação - UFRGS/Pensamento Digital]


=Aspectos básicos=
:[https://educapes.capes.gov.br/bitstream/capes/566023/2/Produto%20-%20Michel%20de%20Souza%202019.pdf Scratch - Guia Prático para aplicação na Educação Básica - Michel de Souza, 2019]


Clique no menu superior '''"Criar"''', conforme abaixo, e vamos lá!!!
:[[media: apostilaScratch1.pdf|Lógica de programação com Scratch e Python - Projeto e-Jovem/IFCE]]




[[image: SCRATCHtela0.png|center]]
=Outros sites interessantes=
 
==Idioma==
 
Você vai ser levado para a tela abaixo.
 
Em primeiro lugar, caso esteja tudo em inglês, vamos mudar o idioma para o '''Português brasileiro'''.
 
[[image: SCRATCHtela2.png|center]]
 
==Áreas de trabalho==
 
 
[[image: SCRATCHambiente2.png]]
 
 
A área principal de trabalho do Scratch é dividida em 3 abas:
 
* '''1. Aba Código''' : é onde estão organizados os blocos de programação, formados por nove
categorias distintas, organizadas por cores;
* '''2. Aba Fantasias''' : é a área onde podemos editar as imagens dos personagens e cenários
utilizados no projeto, fazendo as alterações que nos interessarem;
* '''3. Aba Sons''' : é o local destinado à edição dos sons utilizados no projeto, sejam eles
associados aos personagens ou aos cenários.
 
A área de '''"CÓDIGO"''', por sua vez, é dividida em 3 áreas principais:
 
 
 
[[image: SCRATCHinstr9.png]]
 
A área marcada em vermelho é onde estão disponíveis as <u>instruções</u> e ferramentas que o Scratch disponibiliza. Estas instruções irão modificar o estado do '''ator''' que, no caso, é o gatinho.
 
A área marcada em verde é a área de programação (marcada com o número '''10''' na figura acima). As instruções são arrastadas para cá, na ordem determinada. É o espaço onde podemos adicionar, ver e editar os blocos de programação utilizados para cada personagem ou cenário.
 
A área marcada em azul é a área de execução, onde as instruções são executadas (marcada com o número '''11''' na figura acima). É a área que funciona como uma mini tela, onde podemos visualizar e testar a execução do projeto.
 
Os principais conceitos são:
 
* '''4. Ator''': é cada personagem ou objeto que utilizamos no projeto, que podem ser
modificados na aba “Fantasias”;
* '''5. Palco''': é a área que aciona os cenários para que possamos editá-los na área de
programação;
* '''6. Cenários''': são os planos de fundo que utilizamos no nosso projeto. Quando a edição de
cenários está ativa a aba “Fantasias” muda de nome para “Cenários”;
* '''7. Mochila''': é a área do editor que comporta as três abas mencionadas e mais o espaço de
programação;
* '''8. Botão Ir''' : é onde se inicia a execução do projeto na Área de visualização, para que
possamos testar se tudo está saindo de acordo com o que planejamos;
* '''9. Botão Pare''' : é o botão que para a execução do projeto na Área de visualização;
* '''12. Nome do projeto''': é o espaço reservado para colocarmos o nome do nosso projeto – por
padrão ele vem com a denominação Untitled;
* '''13. Botão Veja a Página do Projeto''': é o botão que, quando clicado, alterna entre o
modo de edição do projeto e o modo de compartilhamento, que mostra o projeto como
os outros usuários irão vê-lo na plataforma;
* '''14. Botão Selecione um ator''' : é o botão que mostra as opções que temos para
escolher, criar ou adicionar personagens ao nosso projeto;
* '''15. Botão Selecionar Cenário ''': é o botão que mostra as opções que temos para a
escolher, criar ou adicionar cenários ao nosso projeto
 
Além de compreender as funcionalidades apresentadas, é importante compreender
as funções de cada categoria de blocos de programação e, claro, como criamos o código que
vai dar vida aos atores e cenários do nosso projeto. Também é essencial conhecer as
características da área de programação para poder fazer uso correto dos blocos. Assim,
evitamos que o projeto tenha algum erro.
 
==INSTRUÇÕES==
 
As instruções são separadas por tipo, e cada tipo é identificado por uma cor:
 
[[image: SCRATCHinstr1.png]] - MOVIMENTO - servem para alterar a posição do ator.
 
[[image: SCRATCHinstr2.png]] - APARÊNCIA - alteram a aparência do ator e do cenário.
 
[[image: SCRATCHinstr3.png]] - SOM - insere e altera o(s) som(s) cadastrado(s) no programa. Estes sons podem ser acessados pela Aba '''"Sons"''':
 
      [[image: SCRATCHsons.png|center]]
 
[[image: SCRATCHinstr4.png]] - EVENTOS - insere rotinas em caso de ocorrência de evento.
 
[[image: SCRATCHinstr5.png]] - CONTROLE - são as instruções de controle de fluxo, programação, propriamente ditas.
 
[[image: SCRATCHinstr6.png]] - SENSORES - identifica características do programa e execução.
 
[[image: SCRATCHinstr7.png]]  - OPERADORES - instruções para cálculos e comparações.
 
[[image: SCRATCHinstr8.png]] - VARIÁVEIS - permite a criação de variáveis.
 
[[image: SCRATCHinstr10.png]]- MEUS BLOCOS - permite a criação de blocos (funções, classes, etc) customizados.
 
===Blocos de Movimento ===
 
Os blocos de movimento são relacionados ao posicionamento e deslocamento dos
componentes (atores, palcos) pelo espaço da tela. São no total dezoito blocos:
 
[[image: SCRATCHmov1.png|center]]
 
===Blocos de Aparência===
 
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
===Blocos de Som===
 
Além dos textos, é possível também atribuir sons, tanto
para simular a fala como para simular efeitos sonoros das ações e interações dos atores e
dos cenários. Os blocos de som, num total de nove, são:
 
[[image: SCRATCHblocosom.png|center]]
 
===Blocos de Aparência===
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
===Blocos de Aparência===
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
 
 
===Blocos de Aparência===
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
===Blocos de Aparência===
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
===Blocos de Aparência===
Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos
componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento,
ações de fala escrita e mudanças de fantasia ou de cenário.
 
 
[[image: SCRATCHapar1.png|center]]
 
 
==CÓDIGO==
 
O programa '''Scratch''' é a sequência lógica de instruções, que são carregadas para cá, numa ordem determinada.
 
Como o scratch é [https://pt.wikipedia.org/wiki/Programa%C3%A7%C3%A3o_orientada_a_eventos orientado a Eventos], o programa deve iniciar com alguma '''AÇÃO''', ou EVENTO.
 
Um exemplo é o EVENTO "Quando [[image: SCRATCHbandeira.png]] for clicado":
 
[[image: SCRATCHcodigo1.png|center]]
 
Esta instrução vai funcionar para iniciar a execução do programa.
 
Porém, quando você clicar na bandeira verde, aparentemente nada acontecerá, uma vez que não há outra instrução.
 
Então, vamos adicionar algum movimento ao ator, o Gato laranja, de forma que possamos visualizar a execução do código.
 
 
[[image: SCRATCHcodigo2.png|center]]
 
Note que, ao acrescentarmos a instrução de MOVIMENTO "Mova 10 passos", o gatinho se deslocou levemente pra direita. Isso acontece porque o cenário de execução dos programas é configurado para iniciar os atores no centro e ter, mais ou menos, 200 passos para trás, e 200 passos para a frente.
 
Então, um movimento de apenas 10 passos causa um deslocamento bem pequeno.
 
Teste alterar esse valor para 100 passos, ou -50, por exemplo!!!!!
 
 
Agora, provavelmente, você está se questionando se esse movimento tem que ser assim, tão artificial. Afinal, o gatinho se move uma certa distância como se estivesse sendo "arrastado", sem mover seu corpo também, né?
 
Por isto, vamos agora investigar as '''Fantasias''', que é como o Scratch chama as diferentes figuras (com diferentes movimentos de corpo, roupa, acessórios, etc) relacionadas ao mesmo ator.
 
Clique na Aba '''"Fantasias"'''.
 
Este gatinho já tem outra fantasia disponível.
 
 
[[image: SCRATCHcodigo3.png|center]]
 
Vamos usá-la no nosso programa, através da instrução de APARÊNCIA '''"próxima fantasia"'''.
 
Nosso gatinho vai mover-se 20 passos, trocar de fantasia, e mover-se novamente, mais 20 passos, para que a sua caminhada fique mais natural. Entre estas instruções, vamos inserir também a instrução de CONTROLE "espere 1 segundo", pelo simples fato de que, se esta não for inserida, as outras instruções vão ser executadas tão rápido, que você não vai perceber!!!
 
 
[[image: SCRATCHcodigo4.png|center]]
 
Por fim, vamos tornar este programa mais interessante, repetindo esta sequência de passos mais vezes, de forma que não seja executada uma única vez, e fim.
 
Para isto, vamos utilizar a instrução de CONTROLE "repita 10 vezes", inserir todo  o bloco das outras instruções dentro deste, e executar novamente nosso programa.
 
 
[[image: SCRATCHcodigo5.png|center]]
 
Agora sim!!!! Nossa animação está muito mais interessante e natural!!! O gatinho se deslocou ao longo de toda a tela, trocando de avatar e parecendo estar caminhando, de verdade.
 
[[image: PMCsmile.png]]
 
=Exercício=
 
# Altere o tempo de espera do bloco de instruções do exemplo acima. O que acontece?
# Altere o número de vezes que o bloco de instruções é repetido. O que acontece?
# Teste a instrução de SOM "toque o som Meow até o fim" no seu programa.
# Investigue outras instruções de MOVIMENTO e de aparência.


[http://www.scratchbrasil.net.br/ Scratch Brasil]
-------------------------------------
-------------------------------------


{| border="1" cellpadding="5" cellspacing="0"  
{| border="1" cellpadding="5" cellspacing="0"  
! style="background: #cdc5bf;" | [[PROEXT3 | << Página do Projeto Meninas Cientistas]]  
! style="background: #cdc5bf;" | [[PROEXT3 | << Página do Projeto Meninas Cientistas]]  
! style="background: #cdc5bf;" | AULA 1 - INTRODUÇÃO AO SCRATCH
! style="background: #cdc5bf;" | INTRODUÇÃO AO SCRATCH
! style="background: #cdc5bf;" | [[Efeitos Sonoros | AULA 2 - Efeitos Sonoros>> ]]
! style="background: #cdc5bf;" | [[O_ambiente | AULA 1 - O Ambiente do Scratch>> ]]
|}
|}

Edição atual tal como às 18h44min de 18 de maio de 2022

Horário dos Encontros

Horário Segunda Terça Quarta Quinta Sexta
14:00 - 14:55 ATENDIMENTO Scratch
14:55 - 15:50 ATENDIMENTO Scratch
- I n t e r v a l o I n t e r v a l o I n t e r v a l o I n t e r v a l o I n t e r v a l o
16:10 - 17:05 ATENDIMENTO Scratch
17:05 - 18:00 ATENDIMENTO Scratch


Aulas

AULA 1 - O ambiente (4h)
AULA 2 - Efeitos sonoros (4h)
AULA 3 - Alterando o aspecto do ator(4h)
AULA 4 - Criando e alterando cenários (4h)
AULA 5 - Trabalhando com instruções(4h)
AULA 6 - Usando Variáveis (4h)
AULA 7 - Extensões (4h)
AULA 8 - Desafios Scratch(4h)
AULA 9 - Projeto 1 - Jogo Scratch (4h)
AULA 10 - Seu primeiro jogo (4h)


Referências

As seguintes apostilas e links foram utilizados como referência, na produção deste material e estão disponíveis para consulta:

Iniciação à programação - UFRGS/Pensamento Digital
Scratch - Guia Prático para aplicação na Educação Básica - Michel de Souza, 2019
Lógica de programação com Scratch e Python - Projeto e-Jovem/IFCE


Outros sites interessantes

Scratch Brasil

<< Página do Projeto Meninas Cientistas INTRODUÇÃO AO SCRATCH AULA 1 - O Ambiente do Scratch>>
Disponível em “https://wiki.ifsc.edu.br/index.php?title=Introdução_ao_Scratch&oldid=21028”