Introdução à lógica de programação utilizando Scratch

Aula 1Juliana Sandis Cavalcante

Universidade Tecnológica Federal do ParanáCampus Curitiba

Quem somos?

● Estudantes do grupo PET CoCE - Computando Culturas em Equidade da UTFPR. ○ Facebook: https://www.facebook.com/petcoce/

● Criação do material: ○ Juliana Sandis Cavalcante - Cursando Bacharelado em

Sistema de Informação - Email: juliana.sandis@gmail.com

O que é Scratch?

● Scratch é uma linguagem de programação gráfica desenvolvida pelo Instituto de Tecnologia de Massachusetts. O Scratch utiliza blocos lógicos, sons e imagens para que você seja capaz de criar animações, jogos e pequenas histórias.

● Exemplos:https://scratch.mit.edu/projects/12936663/https://scratch.mit.edu/projects/38127934/https://scratch.mit.edu/projects/102760741/

Como funciona?

Você pode criar os projetos por meio da plataforma online ou baixar o programa em seu computador.

● Online: https://scratch.mit.edu/Para essa oficina utilizaremos a plataforma online. Vocês devem fazer um cadastro no site do Scratch para que seja possível salvar os seus projetos e ver os projetos do colegas.

● Download: https://scratch.mit.edu/scratch2download/Em casa, com o programa instalado no computador vocês podem criar os projetos sem a necessidade da internet.

E qual é o objetivo dessa oficina?● Estimular a criatividade

● Aprimorar o pensamento lógico

● Trabalhar na resolução de problemas

● Abrir portas para outras linguagens de programação mais formais

Vamos começar?● Abra a plataforma Scratch e faça o seu cadastro.

● Caso você não tenha um e-mail para a realização do cadastro, nos avise para que possamos ajudá-lo a criar um.

● Compartilhe com a turma e os professores o nome de usuário de vocês, assim podemos acompanhar os seus projetos.

● “Siga” o perfil de seus colegas.

Vamos explorar!

● Na aba “Explorar”, encontre o que o pessoas tem criado no Scratch

● Procure por projetos sobre temas que você gosta, por exemplo: labirintos, ninjas, aliens, música, animais, etc.

● Depois de ver esses exemplos, o que você gostaria de criar? Anote suas ideias, podemos utilizá-las nas próximas aulas :)

● Essa oficina conta também com o apoio de uma apostila, que vocês podem acessar em: http://arcaz.dainf.ct.utfpr.edu.br/rea/items/show/83

● Dúvidas até aqui?

1 - Defina um nome para o seu projeto. Ex: Aula1_Juliana

2 - Aqui fica o Simulador da Tela, onde se pode ver o resultado da execução do programa.

3 - Área de recursos, onde ficam os blocos de comando(Scripts), Fantasias e Sons dos atores

2

1

4

5

3

6

4 - Área de comandos

5 - Área de programação, os blocos de comandos são arrastados para essa área.

6 - Aqui ficam todos os personagens que foram selecionados para entrarem no programa.

2

1

4

5

3

6

Por onde começar?● Na área de comandos, selecione

“Eventos”;

● Arraste o bloco “quando clicar em a ” para a área de programação;

● Selecione um comando da sessão “Aparência” e arraste para a área de programação;

● Para testar, clique em

● Se você clicar duas vezes no comando, ele irá executar o que lhe foi ordenado.

● Quando fica iluminado o bloco, significa que ele está sendo executado.

● Selecione um comando da aba “Movimento”

● Selecione um comando da aba “Som”

● Teste sua animação

● Para que o personagem siga a direção deseja, é preciso indicar a coordenada cartesiana. Valores entre -240 e +240

● Plano cartesiano:

○ No 1° quadrante temos X e Y positivos, por exemplo (10, 25)

○ No 2° quadrante temos X negativo e Y positivo, por exemplo (-100, 80)

○ No 3° quadrante X e Y possuem valores negativos, por exemplo (-3,-5)

○ No 4° quadrante temos X positivo e Y negativo, por exemplo (40, -200)

● Para escolher os valores X e Y, basta observar na tela no canto inferior direito, os valores que surgem quando movimentamos o mouse.

Exercícios

1) Faça o personagem se movimentar por todo o cenário.

Resolução:

Adicionando um cenárioVocê pode adicionar diversos cenários à sua animação. O Scratch possui opções prontas, que você pode escolher clicando em

Você pode também carregar uma imagem direto do computador, clicando em

Além disso, é possível desenhar um cenário clicando em

Adicionando um ator Você pode adicionar diversos atores à sua animação. O Scratch possui opções prontas, que você pode escolher clicando em

Você pode também carregar uma imagem direto do computador, clicando em

Além disso, é possível desenhar um ator clicando em

Exercícios

2) Adicione ações ao novo ator.

3) Alterne as fantasias dos atores durante a execução do programa.

4) Adicione mais um cenário e alterne entre eles durante a execução do programa.

Dúvidas?