{"id":1237,"date":"2022-03-22T14:49:04","date_gmt":"2022-03-22T14:49:04","guid":{"rendered":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/?page_id=1237"},"modified":"2022-03-25T17:35:46","modified_gmt":"2022-03-25T17:35:46","slug":"act-jogos-no-scratch","status":"publish","type":"page","link":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/act-jogos-no-scratch\/","title":{"rendered":"ACT &#8211; JOGOS NO SCRATCH"},"content":{"rendered":"\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-1264 aligncenter\" src=\"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-content\/uploads\/sites\/6\/2022\/03\/Aula-1-1-300x138.png\" alt=\"\" width=\"919\" height=\"423\" srcset=\"https:\/\/liag.ft.unicamp.br\/wp-content\/uploads\/sites\/6\/2022\/03\/Aula-1-1-300x138.png 300w, https:\/\/liag.ft.unicamp.br\/wp-content\/uploads\/sites\/6\/2022\/03\/Aula-1-1-1024x471.png 1024w, https:\/\/liag.ft.unicamp.br\/wp-content\/uploads\/sites\/6\/2022\/03\/Aula-1-1-768x353.png 768w, https:\/\/liag.ft.unicamp.br\/wp-content\/uploads\/sites\/6\/2022\/03\/Aula-1-1.png 1345w\" sizes=\"(max-width: 919px) 100vw, 919px\" \/><\/p>\n<p>\u00a0<\/p>\n<p><span style=\"font-size: 14pt;\"><b>V\u00eddeo aula 01<\/b><span style=\"font-weight: 400;\">\u00a0\u2013 Acessando o Scratch<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><b>Descri\u00e7\u00e3o<\/b><span style=\"font-weight: 400;\">: Na primeira aula os alunos ir\u00e3o aprender a acessar o Scratch, criar uma conta, compreender a interface da aplica\u00e7\u00e3o, testar o menu de controles e a\u00e7\u00f5es, arrastar blocos, inserir personagem e personaliz\u00e1-lo, adicionar som, salvar o projeto e compartilh\u00e1-lo.<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><b>Link para acessar o Guia Interativo: <\/b><a href=\"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-content\/uploads\/sites\/6\/2022\/03\/Acessando-o-Scratch_compressed.pdf\">Clique Aqui<\/a><\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><b>Cr\u00e9ditos<\/b><span style=\"font-weight: 400;\">: <\/span><a href=\"http:\/\/www.scratch.mit.edu\"><span style=\"font-weight: 400;\">www.scratch.mit.edu<\/span><\/a><\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><strong>Video aula 02<\/strong>\u00a0<span style=\"font-weight: 400;\">&#8211; Introdu\u00e7\u00e3o<\/span><\/span><\/p>\n<p style=\"text-align: justify;\">\u00a0<\/p>\n<p style=\"text-align: justify;\"><iframe src=\"\/\/www.youtube.com\/embed\/umROuPsmSgk\" width=\"850\" height=\"477\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Descri\u00e7\u00e3o: Na primeira aula, \u00e9 apresentada para os alunos a ferramenta que ser\u00e1 usada na aula. O professor ensina os alunos a criarem uma conta no Scratch e entrar na p\u00e1gina inicial, para depois dar um overview de como o site funciona, quais s\u00e3o os recursos e como podemos come\u00e7ar a usar a ferramenta, com exemplos intuitivos (como um <\/span><i><span style=\"font-weight: 400;\">storytelling<\/span><\/i><span style=\"font-weight: 400;\">).<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Neste exemplo interativo, os professores mostram um jogo de aprendizado interessante, que ser\u00e1 a base para desenvolvermos o nosso pr\u00f3prio jogo. Os professores mostram processualmente como que se constr\u00f3i um software, partindo de uma ideia simples e implementando novas funcionalidades aos poucos, conforme surge a necessidade, melhorando o fluxo do programa e explorando novas ferramentas e atalhos da plataforma.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Os professores mostram tamb\u00e9m conceitos importantes, como o controle de fluxo de execu\u00e7\u00e3o do programa (por exemplo, utilizando a \u00e1rea \u201ceventos\u201d para indicar que os bot\u00f5es devem ser exibidos somente quando o cen\u00e1rio mudar, se movendo de uma fase para a outra e alterando o tempo de exibi\u00e7\u00e3o da mensagem de \u2018parab\u00e9ns\u2019).\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661615418\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661615418\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><b>Video aula 03<\/b><span style=\"font-weight: 400;\"> &#8211; Jogo da mem\u00f3ria<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><iframe src=\"\/\/www.youtube.com\/embed\/a7-jPzdOoIU\" width=\"850\" height=\"477\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Descri\u00e7\u00e3o: Na segunda aula, os professores iniciam fazendo um lado a lado entre a interface do jogo que estaremos replicando nessa aula e a nossa tela de desenvolvimento do Scratch, e como podemos criar a mesma interface n\u00f3s mesmos.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Foram mostrados o conceito de \u201cmensagens\u201d para mostrar ou esconder os itens do tabuleiro, alterando sua propriedade de exibi\u00e7\u00e3o. Al\u00e9m disso, foram abordados tamb\u00e9m os conceitos de vari\u00e1veis (que foram usadas para armazenar quantas vezes o usu\u00e1rio clicou em uma letra) e de condicionais \u201cse\u2026 ent\u00e3o\u2026\u201d (que foram utilizadas para verificar se o usu\u00e1rio clicou em dois bot\u00f5es correspondentes e remov\u00ea-los do tabuleiro, caso verificado, e esconder os bot\u00f5es novamente, caso o usu\u00e1rio tenha clicado em dois bot\u00f5es incompat\u00edveis).<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Junto com o bloco \u201cse\u2026 ent\u00e3o\u2026\u201d, foi usado o controle de cen\u00e1rios para modificar o cen\u00e1rio quando o usu\u00e1rio \u201csobe de n\u00edvel\u201d, uma vez que marca todos os pontos.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661615273\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661615273\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><b>Video aula 04<\/b><span style=\"font-weight: 400;\"> &#8211; Adi\u00e7\u00e3o e subtra\u00e7\u00e3o<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><iframe src=\"\/\/www.youtube.com\/embed\/SqKf0-MFzA0\" width=\"850\" height=\"477\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Descri\u00e7\u00e3o: Nesta aula, os alunos ver\u00e3o novamente o processo de constru\u00e7\u00e3o de uma aplica\u00e7\u00e3o. No come\u00e7o da aula \u00e9 mostrado um jogo educacional que servir\u00e1 como molde para desenvolvermos uma vers\u00e3o nossa utilizando os blocos de c\u00f3digo do Scratch.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Assim como nas outras aulas, utilizamos os <\/span><i><span style=\"font-weight: 400;\">assets<\/span><\/i><span style=\"font-weight: 400;\"> (no caso, a personagem e os bot\u00f5es), customizamos os bot\u00f5es e cen\u00e1rio e adicionamos eventos, mas, desta vez, ser\u00e1 montado um jogo de matem\u00e1tica de m\u00faltipla escolha, usando recursos novos de repeti\u00e7\u00e3o (que ser\u00e1 \u00fatil para manter o programa em execu\u00e7\u00e3o at\u00e9 o usu\u00e1rio decidir sair do jogo), n\u00fameros aleat\u00f3rios (para que o usu\u00e1rio sempre tenha novas contas para resolver) e entrada do usu\u00e1rio (tamb\u00e9m chamados de blocos de perguntas e respostas, onde h\u00e1 a intera\u00e7\u00e3o entre interface e usu\u00e1rio, permitindo a pausa da execu\u00e7\u00e3o do programa e armazenamento do input do usu\u00e1rio em vari\u00e1vel).<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Foi abordado tamb\u00e9m o fundamento do pensamento computacional, fazendo o uso de n\u00fameros bin\u00e1rios para exemplificar situa\u00e7\u00f5es onde apenas duas opera\u00e7\u00f5es podem ser realizadas (adi\u00e7\u00e3o e subtra\u00e7\u00e3o), e a aplica\u00e7\u00e3o deve ser capaz de lidar com esse input.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661615127\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661615127\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><b>Video aula 05<\/b><span style=\"font-weight: 400;\"> &#8211; Palavras em ingl\u00eas<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><iframe src=\"\/\/www.youtube.com\/embed\/yje1YcDaL0Y\" width=\"850\" height=\"477\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Descri\u00e7\u00e3o: Nesta aula, os alunos v\u00e3o desenvolver um jogo de adivinha\u00e7\u00e3o em ingl\u00eas usando os mesmos conceitos vistos nas aulas anteriores: Escolhendo cen\u00e1rios variados, selecionando personagens e exibindo mensagens na tela. Aqui, os alunos v\u00e3o aprender aprofundadamente a trabalhar com variados states dos objetos, fazendo-os surgirem e desaparecerem da tela conforme os cliques do usu\u00e1rio ou com o passar do tempo e decorr\u00eancia de outros eventos, usando os blocos \u201cmostre\u201d e \u201cesconda\u201d.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Neste exemplo, \u00e9 sugerido que os alunos usem os blocos \u201cquando\u201d em conjunto com os blocos \u201ctransmita\u201d, para que o programa realize uma tarefa apenas quando um bot\u00e3o \u00e9 pressionado pelo usu\u00e1rio. Para que os alunos consigam realizar essa tarefa, dever\u00e3o saber trabalhar com estado de eventos (ativo ou inativo), como foi visto na aula anterior.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661615004\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661615004\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><b>Video aula 06<\/b><span style=\"font-weight: 400;\"> &#8211; F\u00e1bula dos 3 porquinhos<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Descri\u00e7\u00e3o: Nesta aula, os alunos utilizar\u00e3o os conceitos de mensagens para transmitir eventos entre objetos. Come\u00e7ar\u00e3o criando diversos cen\u00e1rios para a hist\u00f3ria e importando novos atores (ou personagens) da internet.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Os alunos v\u00e3o explorar tamb\u00e9m a movimenta\u00e7\u00e3o de objetos, trabalhando com as instru\u00e7\u00f5es \u201cMover para\u2026\u201d e o bloco \u201cDeslize\u201d para criar anima\u00e7\u00f5es simples que conferem melhor visualiza\u00e7\u00e3o e interatividade \u00e0 aplica\u00e7\u00e3o.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Com os blocos \u201cSuma\u201d do menu \u201cApar\u00eancia\u201d, os alunos v\u00e3o aprender a lidar com eventos e como eles afetam objetos, j\u00e1 que estar\u00e3o escondendo os elementos que n\u00e3o devem ficar ativos at\u00e9 que uma condi\u00e7\u00e3o torne-se verific\u00e1vel (no caso, uma chamada do bloco de Mensagem).<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Com todos esses conceitos, os alunos contar\u00e3o a hist\u00f3ria dos 3 porquinhos utilizando a programa\u00e7\u00e3o em blocos para mostrar texto na tela, tocar sons e animar os personagens.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661614833\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661614833\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n<hr \/>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><b>Video aula 07 <\/b><span style=\"font-weight: 400;\">&#8211; Ca\u00e7a palavras<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><iframe src=\"\/\/www.youtube.com\/embed\/-OOvLi4eCs0\" width=\"850\" height=\"477\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Descri\u00e7\u00e3o: Nesta aula, os alunos construir\u00e3o um ca\u00e7a-palavras que muda de cor conforme letras que fazem parte de uma palavra s\u00e3o selecionadas. A aula come\u00e7a com a sele\u00e7\u00e3o dos dos personagens, que depois vamos modificar seu tamanho na tela com a funcionalidade \u201cDefina o tamanho como\u2026\u201d e depois a customiza\u00e7\u00e3o da cor dos personagens para \u201ccinza\u201d, para quando a palavra for encontrada, o respectivo personagem ser \u201cescondido\u201d.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Seguindo, ser\u00e3o adicionadas as letras e suas respectivas fantasias, para que elas possam mudar de cor assim como os personagens quando seu nome \u00e9 selecionado.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">A l\u00f3gica de verifica\u00e7\u00e3o da letra \u00e9 igual a que foi usada na aula 3: se a letra estiver contida no nome do animal, ela ser\u00e1 pontuada, se n\u00e3o, um som de errado soar\u00e1, armazenando esses dados em vari\u00e1veis. Usando condicionais \u201cSe\u2026\u201d, podemos verificar se todas as letras da palavra foram selecionadas (as vari\u00e1veis podem ser 0 ou 1), e, caso forem, o usu\u00e1rio ser\u00e1 pontuado.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Por fim, ser\u00e3o adicionadas letras aleat\u00f3rias entre as palavras e adicionado o resto das mensagens a elas (tamanho, cor, sons, etc.).<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Link do remix: <\/span><a href=\"https:\/\/scratch.mit.edu\/projects\/661615710\/\"><span style=\"font-weight: 400;\">https:\/\/scratch.mit.edu\/projects\/661615710\/<\/span><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400; font-size: 14pt;\">Cr\u00e9ditos: Guilherme Lopes Da Cruz &lt;g235998@dac.unicamp.br&gt;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 V\u00eddeo aula 01\u00a0\u2013 Acessando o Scratch Descri\u00e7\u00e3o: Na primeira aula os alunos ir\u00e3o aprender a acessar o Scratch, criar uma conta, compreender a interface da aplica\u00e7\u00e3o, testar o menu de controles e a\u00e7\u00f5es, arrastar blocos, inserir personagem e personaliz\u00e1-lo, adicionar som, salvar o projeto e compartilh\u00e1-lo. Link para acessar o Guia Interativo: Clique Aqui [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1237","page","type-page","status-publish","hentry"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/comments?post=1237"}],"version-history":[{"count":7,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1237\/revisions"}],"predecessor-version":[{"id":1270,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1237\/revisions\/1270"}],"wp:attachment":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/media?parent=1237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}