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

De IFSC
Ir para navegação Ir para pesquisar
imported>Fargoud
imported>Fargoud
 
(29 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 Eventos===
 
Utilizamos sempre um bloco de evento
no início de um grupo de blocos para determinar a <u>condição</u> para que a programação em
questão comece a ser iniciada, por exemplo. Utilizados em conjunto com os demais blocos,
eles marcam a situação específica que ativa o código.
 
 
[[image: SCRATCHeventos.png|center]]
 
Se não utilizarmos um bloco de evento, por exemplo, uma ação pode ocorrer de
forma indefinida, ou mesmo nem ocorrer.
 
===Blocos de Controle===
 
Esses blocos têm a função de organizar a execução das ações dos componentes,
por exemplo, determinando quantas vezes determinada ação será realizada. É o caso do
bloco denominado “repita ___ vezes”, o segundo na coluna da direita abaixo. Todos os
demais blocos que estiverem englobados por ele repetirão suas ações tantas vezes quantas
estiverem estipuladas por você. Eles ajudam também, em associação com outras categorias
de blocos, a determinar o condicionante para que a ação aconteça. Repare abaixo em sua
aparência e nos comandos que representam:
 
[[image: SCRATCHcontrole.png|center]]
 
Os três últimos blocos dessa categoria têm uma função especial. São direcionados
para lidar com os “clones”, que são as duplicatas de algum ator que pode surgir devido a
alguma condicionalidade ou mesmo à programação dos blocos. Eles lembram os blocos de
eventos, mas por uma determinação do programador do Scratch, ficaram agrupados nessa
categoria de controle.
 
===Blocos de Sensores===
 
Essas interações podem ser, por exemplo, um ator de um jogo se
aproximar de outro ou tocá-lo. Também poderia ser o usuário clicando com o mouse ou
apertando determinada tecla e isso ser o fator determinante para uma ação de algum
componente. Confira os blocos de sensores logo abaixo:
 
 
[[image: SCRATCHsensores.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”