Mudanças entre as edições de "Oficina de Scratch 1"

De MediaWiki do Campus São José
Ir para navegação Ir para pesquisar
(Criou página com '[http://scratch.mit.edu/ Scratch] é um software educacional para ajudar no ensino de matemática, geometria e introdução à programação. Com ele pequenos programas podem ser...')
 
 
(20 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
[http://scratch.mit.edu/ Scratch] é um software educacional para ajudar no ensino de matemática, geometria e introdução à programação. Com ele pequenos programas podem ser escritos de foram visual, com instruções representadas por blocos que se encaixam como Lego. Ele possibilita fazer desenhos facilmente, seguindo um programa com instruções de desenho.
+
==Objetivos da Aula==
  
=== Desenhando figuras geométricas ===
+
*Apresentar conceitos básicos de programação usando a ferramenta Scratch;
Use o Scratch para desenhar algumas figuras geométricas:
+
*Conceituar algoritmos;
:* triângulo equilátero
+
*Conceituar variáveis. Tipos de variáveis. Variáveis globais e locais;
 +
*Apresentar estruturas básicas de controle: decisão e repetição.
 +
 
 +
==Introdução ao Scratch==
 +
[http://scratch.mit.edu/ Scratch] é um software educacional para ajudar no ensino de matemática, geometria e introdução à programação. Com ele pequenos programas podem ser escritos de foram visual, com instruções representadas por blocos que se encaixam como Lego. Para entender como funciona essa ferramenta de aprendizado de programação, siga esse [http://oficinas.pensamentodigital.org.br/ambientes_simulacao/scratch/primeiros_passos.pdf tutorial básico]. 
 +
 
 +
== Desenhando figuras geométricas ==
 +
 
 +
O Scratch possibilita fazer desenhos facilmente, seguindo um programa com instruções de desenho. Veja o resultado obtido com as seguintes instruções.
 +
 
 +
[[imagem:Scratch.png|800px]]
 +
 
 +
Para entender um pouco mais como funcionam as instruções no Scratch, modifique o programa acima de modo a desenhar um [http://pt.wikipedia.org/wiki/Tri%C3%A2ngulo_equil%C3%A1tero#Tipos_de_tri.C3.A2ngulos triângulo equilátero] de lado=100.
 +
 
 +
=== Atividades complementares ===
 +
 
 +
Seguindo a proposta do programa acima, desenhe usando o Scratch as seguintes figuras geométricas:
 +
:* triângulo retângulo
 
:* triângulo isósceles
 
:* triângulo isósceles
 
:* quadrado
 
:* quadrado
 
:* hexágono
 
:* hexágono
 
:* quadrado com vértices interligados
 
:* quadrado com vértices interligados
:* Um círculo
+
:* círculo
 
 
[[imagem:Scratch.png]]
 
 
 
* Agora tente algo mais avançado:
 
:* Desenhe um triângulo equilátero, porém perguntando na tela qual o tamanho do lado.
 
:* repita o desenho do triângulo, porém fazendo-o lentamente: espere 1 segundo após desenhar cada lado do triângulo.
 
:* Faça com que um pequeno traço se movimente de um lado a outro do palco.
 
:* Faça com que um pequeno traço se movimente em círculo indefinidamente.
 
:* Faça com que uma bola role pela horizontal. Insira quatro raios na bola para ajudar no efeito visual de movimento.
 
 
 
=== Atividade para casa ===
 
  
Faça as figuras geométricas indicadas na aula !
 
 
== Começando os primeiros algoritmos ... ==
 
== Começando os primeiros algoritmos ... ==
  
Linha 32: Linha 37:
 
* ''Estruturas de dados:'' dados (valores) usados e modificados durante a execução do algoritmo.
 
* ''Estruturas de dados:'' dados (valores) usados e modificados durante a execução do algoritmo.
  
Para introduzir esses conceitos, nada melhor que um pequeno projeto ...
+
Observe como um algoritmo funciona: [http://scratch.mit.edu/projects/DrMoron/821691 Torre de Hanoi]
 
 
Exemplo: [http://scratch.mit.edu/projects/DrMoron/821691 Torre de Hanoi]
 
  
 
===Introduzindo algoritmos: variáveis e expressões ===
 
===Introduzindo algoritmos: variáveis e expressões ===
Linha 55: Linha 58:
  
 
[[imagem:Scratch-var2.png]]
 
[[imagem:Scratch-var2.png]]
 
  
 
Variáveis podem ser usadas em ''expressões aritméticas'', que realizam algum cálculo com valores numéricos. No Scratch expressões são criadas combinando-se os blocos contidos em ''Operadores''(blocos verdes-claros):
 
Variáveis podem ser usadas em ''expressões aritméticas'', que realizam algum cálculo com valores numéricos. No Scratch expressões são criadas combinando-se os blocos contidos em ''Operadores''(blocos verdes-claros):
  
 
[[imagem:Scratch-operadores1.png]]
 
[[imagem:Scratch-operadores1.png]]
 
  
 
Usando esses blocos podem-se calcular novos valores usando variáveis ou constantes. Por exemplo, um pequeno programa que desenha um polígono qualquer precisa calcular o ângulo de quina da figura dependendo de sua quantidade de lados:
 
Usando esses blocos podem-se calcular novos valores usando variáveis ou constantes. Por exemplo, um pequeno programa que desenha um polígono qualquer precisa calcular o ângulo de quina da figura dependendo de sua quantidade de lados:
 
  
 
[[imagem:Scratch-operadores2.png]]
 
[[imagem:Scratch-operadores2.png]]
 
  
 
Usando esses conceitos sobre variáveis e expressões, faça as atividades a seguir.
 
Usando esses conceitos sobre variáveis e expressões, faça as atividades a seguir.
  
=== Pong ===
+
=== Atividades Complementares ===
  
Outro jogo clássico chamado [http://pt.wikipedia.org/wiki/Pong Pong] mostrava uma bola que refletia em uma parede, voltando e devendo ser interceptada por uma pequena base (que funcionava como raquete) comandada pelo jogador. Se conseguir interceptá-la, a bola é refletida de novo em direção à parede oposta, continuando assim o jogo. Se falhar, o jogo termina. Esse é considerado o primeiro videogame lucrativo a ter sido criado ...
+
:* Repita o desenho do triângulo, porém fazendo-o lentamente: espere 1 segundo após desenhar cada lado do triângulo. Use '''{espere (1) segundo}'''
 +
:* Faça o gato desaparecer no final após esperar 2 segundos. Note que o gato não irá mais aparecer a não ser que você insira um comando para ele aparecer. use '''{apareça}, {desapareça}'''
 +
:* Diminua o tamanho do gato sair de cima do triângulo, indo para o canto inferior esquerdo, sem deixar linha desenhada. Use '''{levante a caneta}, {mude o tamanho para ( )%}'''
 +
:* Calcule a área do triangulo.
 +
:* Faça com que uma bola role pela horizontal. Insira quatro raios na bola para ajudar no efeito visual de movimento (ou use uma da bolas disponiveis nos objetos (''Things''))
  
[[imagem:Pong1.jpg]]
+
== Fazendo um jogo - Pong ==
  
Tente fazer uma versão do Pong usando o Scratch, mas com duas pequenas modificações. Há apenas uma base, que fica no canto inferior do palco. O placar conta quantas vezes a bola tocou o chão (i.e. o jogador falhou em interceptá-la), e se chegar a 0 o jogo termina. A segunda modificação é uma aceleração gradual da bola, que deve deve aumentar de velocidade a cada 5 segundos de jogo.
+
Um jogo clássico chamado [http://pt.wikipedia.org/wiki/Pong Pong] mostrava uma bola que refletia em uma parede, voltando e devendo ser interceptada por uma pequena base (que funcionava como raquete) comandada pelo jogador. Se conseguir interceptá-la, a bola é refletida de novo em direção à parede oposta, continuando assim o jogo. Se falhar, o jogo termina. Esse é considerado o primeiro videogame lucrativo a ter sido criado ...
  
Para que serão necessárias variáveis nesse jogo ?
+
[[imagem:Pong1.jpg]]
  
==== O problema da reflexão da bola na barra ====
+
Tente fazer uma versão do Pong usando o Scratch, mas com algumas pequenas modificações. Comece o jogo com apenas uma base, que fica no canto inferior do palco. Para iniciar, comece com uma [http://nebomusic.net/basicpongdirections.pdf versão básica do pong] seguindo o tutorial.
  
Em aula vimos que para fazer a reflexão da bola com a barra deve-se calcular o ângulo de reflexão. No caso da barra estar na horizontal, esse ângulo deve ser calculado assim:
+
Para que serão necessárias variáveis nesse jogo?
  
<math>NovaDirecao = 180^0 - Direcao</math>
+
=== Atividades Complementares ===
  
No Scratch isso deve ser feito combinando-se o comando "Aponte para direção" e uma expressão para calcular a nova direção. A direção atual do objeto está contida em sua variável local ''direção'' (predefinida nos comandos de ''Movimentos''):
+
*Insira um placar que conta quantas vezes a bola tocou o chão (i.e. o jogador falhou em interceptá-la), e se chegar a 10 o jogo termina.
 +
*Acelere gradualmente a bola, que deve deve aumentar de velocidade a cada 5 segundos de jogo.
 +
*Faça a bola desaparecer quando atinge o chão, e jogue uma nova bola do alto (até 10 vezes).
  
[[imagem:Scratch-reflexao.png]]
+
==Links auxiliares==
 
+
*[http://eduscratch.dgidc.min-edu.pt/index.php EduScratch]
==== Seguindo o tutorial====
+
*[http://kids.sapo.pt/scratch/ajuda/guia_referencia Guia de referencia do Scratch]
Faça uma [http://nebomusic.net/basicpongdirections.pdf versão basica do pong] seguindo o tutorial. *Depois modifique o pong para que tenha duas barras moveis.
+
*[http://www.cs.harvard.edu/malan/scratch/printer.php Scratch em Harvard]
*Acrescente os contadores de erro na reflexão.
+
*[http://www.cs.harvard.edu/malan/publications/fp079-malan.pdf Artigo sobre o uso de Scratch em cursos de programação]
*Acrescente o aumento da velocidade da bola com o tempo.
+
*[http://info.scratch.mit.edu/Scratch_1.4_Download Instalando o Scratch no seu computador]
 
 
====Links de ajuda====
 
 
*[http://wiki.scratch.mit.edu/wiki/Scratch_Wiki:Table_of_Contents/Blocks Tipos de blocos]
 
*[http://wiki.scratch.mit.edu/wiki/Scratch_Wiki:Table_of_Contents/Blocks Tipos de blocos]
 +
**[http://wiki.scratch.mit.edu/wiki/Motion_Blocks  movimento]
 +
**[http://wiki.scratch.mit.edu/wiki/Control_Blocks  controle]
 +
**[http://wiki.scratch.mit.edu/wiki/Looks_Blocks  aparência]
 +
**[http://wiki.scratch.mit.edu/wiki/Sound_Blocks  som]
 +
**[http://wiki.scratch.mit.edu/wiki/Pen_Blocks  caneta]
 +
**[http://wiki.scratch.mit.edu/wiki/Sensing_Blocks  sensores]
 +
**[http://wiki.scratch.mit.edu/wiki/Operators_Blocks  operadores]
 +
**[http://wiki.scratch.mit.edu/wiki/Variables_Blocks  variáveis]
 +
**[http://wiki.scratch.mit.edu/wiki/List_Blocks  listas]
 
*[http://wiki.scratch.mit.edu/wiki/Scratch_Wiki:Table_of_Contents/Scripting_Tutorials Tutorial para scripts]
 
*[http://wiki.scratch.mit.edu/wiki/Scratch_Wiki:Table_of_Contents/Scripting_Tutorials Tutorial para scripts]
 +
*[[Media:ProgrammingConcepts-v1-4_pt-br.pdf | Conceitos de programação e Habilidades Suportadas no Scratch]]
 +
*[http://web.media.mit.edu/~jmaloney/papers/ScratchLangAndEnvironment.pdf Artigo sobre o modelo de programação Scratch]
 +
*[http://web.media.mit.edu/~mres/papers/Scratch-CACM-final.pdf Artigo que conta as experiencias com Scratch]
 +
*[http://youtu.be/RaNjXLCRaVs Veja o que mais dá para fazer com o Scratch]
 +
*[http://www.cs.cmu.edu/~caitlin/papers/NoviceProgSurvey.pdf Lowering the barriers to programming: A taxonomy of programming environments and languages for novice programmers]
 +
*[http://www.cs.harvard.edu/malan/publications/fp079-malan.pdf Scratch for budding computer scientists] uma experiencia feita em Harvard [http://www.cs.harvard.edu/malan/scratch/index.php], [http://www.cs.harvard.edu/malan/scratch/printer.php]
 +
 +
{{ENGTELECO}}

Edição atual tal como às 08h33min de 2 de maio de 2012

Objetivos da Aula

  • Apresentar conceitos básicos de programação usando a ferramenta Scratch;
  • Conceituar algoritmos;
  • Conceituar variáveis. Tipos de variáveis. Variáveis globais e locais;
  • Apresentar estruturas básicas de controle: decisão e repetição.

Introdução ao Scratch

Scratch é um software educacional para ajudar no ensino de matemática, geometria e introdução à programação. Com ele pequenos programas podem ser escritos de foram visual, com instruções representadas por blocos que se encaixam como Lego. Para entender como funciona essa ferramenta de aprendizado de programação, siga esse tutorial básico.

Desenhando figuras geométricas

O Scratch possibilita fazer desenhos facilmente, seguindo um programa com instruções de desenho. Veja o resultado obtido com as seguintes instruções.

Scratch.png

Para entender um pouco mais como funcionam as instruções no Scratch, modifique o programa acima de modo a desenhar um triângulo equilátero de lado=100.

Atividades complementares

Seguindo a proposta do programa acima, desenhe usando o Scratch as seguintes figuras geométricas:

  • triângulo retângulo
  • triângulo isósceles
  • quadrado
  • hexágono
  • quadrado com vértices interligados
  • círculo

Começando os primeiros algoritmos ...

Algoritmo é uma sequência lógica de instruções, a qual possui um início e um fim.

Sequência lógica é uma sequência correta de instruções capaz de gerar o resultado esperado.

A escrita ou projeto de algoritmos se faz com:

  • Estruturas de controle: comandos que modificam uma sequência de instruções
  • Estruturas de dados: dados (valores) usados e modificados durante a execução do algoritmo.

Observe como um algoritmo funciona: Torre de Hanoi

Introduzindo algoritmos: variáveis e expressões

Variáveis são usadas em algoritmos para guardar dados. Dados podem ser:

  • Números inteiros ou reais
  • Letras ou textos
  • Valores lógicos (booleanos)
  • ... e outros que vocês descobrirão futuramente!

Uma variável possui um identificador, que nada mais é que seu nome. No Scratch as variáveis são criadas e podem ser modificadas com os comandos categorizados em Variáveis (comandos laranjas):

Scratch-var1.png

Variáveis podem ser globais ou locais:

  • Globais: são visíveis e podem ser usadas por qualquer objeto do Scratch.
  • Locais: são visíveis e podem ser usadas somente pelo objeto do Scratch ao qual está vinculada.

Variáveis podem ser usadas em qualquer comando que precise de um valor numérico, como por exemplo o comando para mover um certo número de passos. No exemplo abaixo, um programa faz com que um objeto desenhe um triângulo no palco, sendo que o comprimento do lado do triângulo é informado pelo usuário.

Scratch-var2.png

Variáveis podem ser usadas em expressões aritméticas, que realizam algum cálculo com valores numéricos. No Scratch expressões são criadas combinando-se os blocos contidos em Operadores(blocos verdes-claros):

Scratch-operadores1.png

Usando esses blocos podem-se calcular novos valores usando variáveis ou constantes. Por exemplo, um pequeno programa que desenha um polígono qualquer precisa calcular o ângulo de quina da figura dependendo de sua quantidade de lados:

Scratch-operadores2.png

Usando esses conceitos sobre variáveis e expressões, faça as atividades a seguir.

Atividades Complementares

  • Repita o desenho do triângulo, porém fazendo-o lentamente: espere 1 segundo após desenhar cada lado do triângulo. Use {espere (1) segundo}
  • Faça o gato desaparecer no final após esperar 2 segundos. Note que o gato não irá mais aparecer a não ser que você insira um comando para ele aparecer. use {apareça}, {desapareça}
  • Diminua o tamanho do gato sair de cima do triângulo, indo para o canto inferior esquerdo, sem deixar linha desenhada. Use {levante a caneta}, {mude o tamanho para ( )%}
  • Calcule a área do triangulo.
  • Faça com que uma bola role pela horizontal. Insira quatro raios na bola para ajudar no efeito visual de movimento (ou use uma da bolas disponiveis nos objetos (Things))

Fazendo um jogo - Pong

Um jogo clássico chamado Pong mostrava uma bola que refletia em uma parede, voltando e devendo ser interceptada por uma pequena base (que funcionava como raquete) comandada pelo jogador. Se conseguir interceptá-la, a bola é refletida de novo em direção à parede oposta, continuando assim o jogo. Se falhar, o jogo termina. Esse é considerado o primeiro videogame lucrativo a ter sido criado ...

Pong1.jpg

Tente fazer uma versão do Pong usando o Scratch, mas com algumas pequenas modificações. Comece o jogo com apenas uma base, que fica no canto inferior do palco. Para iniciar, comece com uma versão básica do pong seguindo o tutorial.

Para que serão necessárias variáveis nesse jogo?

Atividades Complementares

  • Insira um placar que conta quantas vezes a bola tocou o chão (i.e. o jogador falhou em interceptá-la), e se chegar a 10 o jogo termina.
  • Acelere gradualmente a bola, que deve deve aumentar de velocidade a cada 5 segundos de jogo.
  • Faça a bola desaparecer quando atinge o chão, e jogue uma nova bola do alto (até 10 vezes).

Links auxiliares


Curso de Engenharia de Telecomunicações