curso scratch 2015

PRODUÇÃO DE ANIMAÇÕES, OBJETOS DE APRENDIZAGEM E MÍDIAS

INTERATIVAS USANDO SCRATCHProf. MSc. Pedro Cacique

QUEM SOU EU?Graduado em Engenharia Elétrica

certificado em Engenharia da Computação (UFU)

Mestre em Engenharia Elétrica, Computação Gráfica (UFU)

Doutorando em Engenharia Elétrica (Mackenzie)

Professor Assistente I (Universidade Presbiteriana Mackenzie e

Universidade Cruzeiro do Sul)

QUEM SOU EU?

Áreas de Atuação:

Animação Digital

Jogos Digitais

Programação e Design Web

Programação e Design Mobile

QUEM SÃO VOCÊS?

• Professores na modalidade EAD

• Experiência em criação de conteúdo interativo?

• Experiência em programação?

• Artistas!

"A mente que se abre a uma nova idéia jamais voltará ao

seu tamanho original.”

- Albert Einstein

QUAL A IMPORTÂNCIA DO RACIOCÍNIO LÓGICO

NA EDUCAÇÃO?

• Aprender a ler - ler para aprender

• Aprender em um contexto significativo

• Aprender a programar - programar para aprender

O QUE SE APRENDE COM O SCRATCH?

• Processo de concepção de uma ideia e como transformá-la em um projeto funcional completo;

• Encontrar e corrigir erros quando há um problema;

• Experimentar novas ideias;

• Dividir para conquistar ;

• Colaboração e persistência

OK! MAS O QUE É O SCRATCH?

HTTP://SCRATCH.MIT.EDU/

EDITOR ONLINE

• O Scratch é um projeto do grupo Lifelong Kindergarten no Media Lab do MIT. Ele é fornecido gratuitamente desde 2007.

• O Scratch ajuda os jovens a aprender a pensar de maneira criativa, refletir de maneira sistemática e trabalhar de forma colaborativa — habilidades essenciais para a vida no século 21.

O QUE PODE SER FEITO?

• Com o Scratch, você pode programar suas próprias histórias interativas, jogos e animações e compartilhar suas criações com outros membros da comunidade online.

O QUE PODE SER FEITO?Animações

http://scratch.mit.edu/projects/34367372/?fromexplore=true

O QUE PODE SER FEITO?Histórias Narradas

http://scratch.mit.edu/projects/33337450/?fromexplore=true

O QUE PODE SER FEITO?Jogos

http://scratch.mit.edu/projects/1974091/

E MUITO MAIS!

VAMOS COMEÇAR!

HTTP://SCRATCH.MIT.EDU/

1. Criando uma conta gratuita

2. Personalizando seu perfil

3. Abrindo seus projetos

3. Configurações de conta

4. Conhecendo o menu principal

Buscar projetos

Ajuda

Fórum de Discussão

Conhecer os projetos existentes

Criar um novo projeto

EDITOR ONLINE

Tela

Edição de Atores

Programação

Ferramentas Compartilhamento

CENÁRIOS• Os cenários, ou planos de fundo,

compõem o ambiente da cena.

• Podem ser pintados por meio de uma ferramenta de desenho do Scratch, por upload de imagem, escolha de um cenário da galeria ou foto.

ATORES

• Assim como no teatro ou no cinema, os projetos são orientados aos atores.

• Semelhante à Programação Orientada a Objetos

ATORES• Um projeto deve ter no

mínimo um ator.

• Cada ator é representado por:

• propriedades do personagem

• ações comuns

ROTEIROS

• Assim como os roteiros de um cinema, são instruções dadas a cada ator.

• As instruções devem seguir um raciocínio de lógicas orientadas a eventos.

EVENTO REAÇÃO

ROTEIROS

• As linhas do script são como um código de software.

XIIIIIIVOU TER QUE APRENDER

A PROGRAMAR???

SIM E NÃO

A programação no Scratch não é feita por linhas de comandos escritos, mas por blocos gráficos que

representam estes comandos.

ROTEIROSA imagem ao lado

exemplifica um roteiro que instrui o ator a

perguntar o nome do usuário, armazenar a

resposta em uma variável e em seguida

começar a andar.

INSTRUÇÕES

As instruções foram divididas em 10 conjuntos de acordo com suas funções.

Observe que cada conjunto possui uma cor diferente para facilitar o aprendizado.

EVENTOS

• O primeiro bloco a ser pensado é o de eventos. Em qualquer cena, um evento é o responsável por disparar as ações descritas no roteiro.

• O evento principal para começar o projeto é o clique na bandeira verde.

EVENTOS

• Observe que os blocos possuem encaixes para montagem do roteiro.

• Os eventos geralmente possuem um encaixe apenas, o que diz que ele é o topo das instruções

EVENTOS

• Alguns eventos permitem a sua edição para que sejam personalizados de acordo com a cena.

• Para personalizar, clique sobre a o seletor para que as opções sejam exibidas.

PROJETO 1

Crie um projeto que contenha um evento de clique na bandeira verde. Este evento deve disparar o seguinte conjunto de ações:

1. Perguntar o nome do usuário2. Dizer o nome do usuário por 3 segundos

PROJETO 2

Altere o programa anterior para dizer : Olá fulano! (fulano é a resposta da pergunta) por 3 segundos.

OPERADORES• Operadores aritméticos

• Operadores de comparação

OPERADORES

• Os operadores podem ser combinados sempre que necessário.

• Exemplo, verificar se o resultado da soma de 2 com 3 é menor que 10.

VARIÁVEIS

• Variáveis são espaços na memória que guardam valores importantes para um programa.

• Semelhante ao conceito matemático.

VARIÁVEIS

• Você pode armazenar a resposta de uma pergunta em uma variável para utilizá-la mais tarde em um programa.

PROJETO 3Crie um programa que pergunte dois números ao usuário e em seguida diga qual o resultado da soma dos dois.

VARIÁVEIS

Observe que as variáveis ficam armazenadas em “caixas" na tela do programa, para conferência.

PROJETO 4Altere o programa anterior para armazenar o resultado da operação em uma variável e depois mostrá-lo por 3 segundos.

ESTRUTURAS DE DECISÃO• São estruturas que nos permitem condicionar o

programa.

• Por exemplo: tem-se um programa que pergunta ao aluno qual o resultado de 5 + 5.

ESTRUTURAS DE DECISÃO

• Como mostrar a mensagem “Parabéns!” caso o aluno acerte ou “Que pena, você errou!” se ele estiver errado?


• Existem dois blocos que verificam uma condição.

• O primeiro verifica uma condição e realiza um conjunto de instruções caso ela seja verdade.

SE…ENTÃO

Toda instrução que aparecer dentro do bloco “SE…ENTÃO” será realizada

apenas se a condição (contida no espaço hexagonal) for verdadeira.

SE…ENTÃO

SE…ENTÃO…SENÃO

O bloco SE…ENTÃO…SENÃO permite a realização de uma sequencia de

instruções caso a condição seja verdadeira (devem ser inseridas no primeiro espaço)

e outro para o caso de a instrução ser falsa (segundo espaço).

SE…ENTÃO…SENÃO

EXERCÍCIO 1

Crie um programa que pergunte ao aluno o seu nome. Em seguida, pergunte qual foi a sua nota de matemática (0 a 10). Você deve verificar se a nota dele foi maior que 6 para dizer que ele foi aprovado. Caso contrário, diga que ele foi reprovado. (coloque o nome dele na resposta).

EXERCÍCIO 1

EXERCÍCIO 2

Amplie o programa anterior para dizer :"Fulano, você ficou com C" - caso sua nota seja menor que 6"Fulano, você ficou com B" - caso sua nota seja menor que 8 e maior que 6"Fulano, você ficou com A" - caso contrário

EXERCÍCIO 2


• Observe que as estruturas de decisão podem ser aninhadas para realizar mais de duas comparações.

ESTRUTURAS DE REPETIÇÃO

• Imagine que você deve fazer um programa que conte até 10.

• Com o que sabemos até agora, provavelmente colocaríamos 10 blocos “diga …”, não é mesmo?


• Simples? Divertido?

• E se pedíssemos para contar até 1000?

• Ainda seria simples ou divertido?


• Podemos simplificar o programa usando o bloco de repetição “REPITA … VEZES”.


• Observe que usamos uma variável para servir de contador. A cada repetição, incrementamos o contador logo após mostrarmos o seu valor


• A i n s t r u ç ã o “ m u d e contador para 1” substitui o valor da variável por 1.

• A i n s t r u ç ã o “ c h a n g e contador by 1” (mude contador por 1) incrementa a variável com uma unidade.


• O bloco que acabamos de ver é uma estrutura de repetição contável. Isto é, podemos dizer quantas vezes deve ser repetido o conjunto de instruções.


• Pode-se ainda usar o bloco “SEMPRE”, que é uma estrutura incontável e infinita (a menos que seja parada a força)


• Por fim, tem-se o bloco “REPITA ATÉ QUE…” que é uma estrutura de repetição incontável, ou seja, será executada até que a condição de parada seja validada.

PROJETO 5Crie um programa que faça o personagem andar até a borda da tela e parar quando chegar lá.

PROJETO 6

Crie um programa que contenha dois atores.

Inverta as fantasias do cachorro para que ele aponte para o gato.

Com o cachorro selecionado, insira o roteiro a seguir

PROJETO 6

PROJETO 7Altere o código do cachorro para enviar uma mensagem ao final.

PROJETO 7Selecione o gato e acrescente o seguinte roteiro:

MENSAGENS

• Observe que utilizamos uma mensagem para dizer que a animação do cachorro foi finalizada.

• Ao receber a mensagem o gato seguiu o seu roteiro.

• Mensagens são utilizadas para disparar eventos.

SOM• Trabalhar com som no Scratch é

tão simples quanto trocar a fantasia do personagem.

• Pode-se usar um som da biblioteca, gravar um som específico, fazer u m a c o m p o s i ç ã o c o m instrumentos ou por notas musicais

PROJETO 8

Crie um projeto que toque o DÓ-RÉ-MI-FÁ ao clicar na bandeira verde.

CONCLUSÕES• Vimos até aqui muitas estruturas para a programação

do nosso roteiro.

• O Scratch é uma ferramenta poderosa para a criação de mídias interativas online.

• A criação de objetos de aprendizado, animações, jogos e até músicas depende da criatividade e de sua expressão através dos blocos estudados

SEJA CRIATIVO!!!

CONCLUSÕES• Lembre-se de compartilhar os seus projetos com a

comunidade Scratch. Você pode publicar os links para os projetos no AVA de sua instituição.

• Você pode também olhar o interior de projetos públicos e ver como o autor solucionou um problema comum.

• Seja criativo!

PERGUNTAS?

OBRIGADO

Pedro Cacique

www.pedrocacique.com

[email protected]

curso scratch 2015

Education