Aprenda pro­gra­ma­ção Scratch

Se você deseja aprender pro­gra­ma­ção de forma sim­pli­fi­cada, o Scratch pode ser a solução certa. Conheça o projeto de pro­gra­ma­ção Scratch, es­pe­ci­al­mente voltado para crianças, e entenda como ele funciona, com o nosso tutorial.

Qual é o di­fe­ren­cial da pro­gra­ma­ção Scratch?

O Scratch usa uma interface gráfica de usuário que dispensa o uso de sintaxes de lin­gua­gens com­pli­ca­das e a digitação de códigos. Seu objetivo primário é melhorar a ex­pe­ri­ên­cia de ini­ci­an­tes em pro­gra­ma­ção. Por isso mesmo, fa­ci­li­dade de uso se sobrepõe a variedade de funções. Apesar das li­mi­ta­ções, o Scratch tem pro­pri­e­da­des im­por­tan­tes, comuns a pa­ra­dig­mas de pro­gra­ma­ção tra­di­ci­o­nais. Entre elas estão:

• Visual: Todos os elementos do Scratch têm uma re­pre­sen­ta­ção gráfica com­pre­en­sí­vel. Comandos de pro­gra­ma­ção podem ser feitos por blocos de imagens, por exemplo. Além disso, elementos podem ser con­ve­ni­en­te­mente inseridos e reunidos por arraste e solte (drag and drop).
• Orientada a objetos: Na pro­gra­ma­ção Scratch, não há classes nem sistema de herança. No entanto, com itens como en­cap­su­la­mento de dados (acesso con­tro­lado a dados por in­ter­fa­ces definidas) e po­li­mor­fismo (objetos podem assumir di­fe­ren­tes tipos de dados), a linguagem utiliza-se de ca­rac­te­rís­ti­cas do conceito de pro­gra­ma­ção orientada a objetos.
• Im­pe­ra­tiva: Alguns dos scripts dis­po­ni­bi­li­za­dos à pro­gra­ma­ção Scratch seguem o paradigma de pro­gra­ma­ção im­pe­ra­tiva. Sequên­cias de ins­tru­ções, portanto, es­pe­ci­fi­cam em que sequência ações devem ser exe­cu­ta­das.
• Orientada a eventos: Cada script usado em um projeto Scratch é iniciado assim que o evento definido no bloco de cabeçalho cor­res­pon­dente é iniciado. Com o uso de um bloco “Wait Until”, por exemplo, o car­re­ga­mento de um projeto é adiado até que o evento es­pe­ci­fi­cado ocorra.
• Pa­ra­le­lismo: A dis­tri­bui­ção de programas de com­pu­ta­dor em sub­com­po­nen­tes in­di­vi­du­ais, que dis­tin­guem o princípio da pro­gra­ma­ção paralela, é suportada desde o início pelo Scratch.

Tutorial: Aprenda pro­gra­ma­ção Scratch

O ditado “a prática leva à perfeição” também se aplica à pro­gra­ma­ção. Embora o Scratch tenha obs­tá­cu­los iniciais cla­ra­mente menores do que os de lin­gua­gens de pro­gra­ma­ção clássicas, ele ainda requer um certo período de adaptação à interface de usuário e aos blocos de cons­tru­ção. No nosso tutorial Scratch, fa­ci­li­ta­re­mos esse processo para você.

Checklist para aprender pro­gra­ma­ção Scratch

Após criar uma conta e fazer login no seu perfil, você en­con­trará várias opções di­fe­ren­tes que podem ser se­le­ci­o­na­das na barra de menu do canto superior direito. Ao clicar no botão “Account”, você poderá gerenciar seu perfil e alterar algumas con­fi­gu­ra­ções, como senha e endereço de e-mail. Por lá você também poderá abrir a visão geral de projetos ativos (“My Stuff”). Para fazer o logout, basta clicar em “Sign out”.

Opções de menu Scratch: Acessar e alterar perfil, acessar projetos e deslogar

Es­con­di­dos atrás de outros itens de menu, os seguintes recursos também são dis­po­ni­bi­li­za­dos pela pla­ta­forma:

• De­sen­vol­ver: O com­po­nente central do projeto Scratch é o ambiente de de­sen­vol­vi­mento gráfico, que pode ser iniciado na aba “De­ve­lop­ment”. É neste editor que você pro­gra­mará todos os seus apli­ca­ti­vos Scratch, di­re­ta­mente no navegador.
• Explorar: Em “Explore” você poderá acessar projetos de outros usuários, assim como reproduzi-los e vi­su­a­li­zar toda a pro­gra­ma­ção Scratch. Projetos se­me­lhante são com­bi­na­dos no chamado “Studio”.
• Ideias: A seção “Ideas” dá acesso a di­fe­ren­tes tutoriais e guias, que podem o ajudar a de­sen­vol­ver projetos próprios, es­pe­ci­al­mente em se tratando de brains­tor­ming. Lá você também en­con­trará um link de re­di­re­ci­o­na­mento para baixar o apli­ca­tivo Scratch (Windows 10, macOS, ChromeOS, Android), que permite pro­gra­ma­ção off-line.
• Sobre o Scratch: Ao acessar o item de menu “About Scratch”, você será re­di­re­ci­o­nado a uma página de in­for­ma­ções gerais sobre o projeto. Entre outras coisas, você en­con­trará links para materiais de apoio a pais e pro­fes­so­res, bem como dicas e a seção de perguntas fre­quen­tes (FAQ).

Entenda o editor Scratch para começar a programar

O ambiente de de­sen­vol­vi­mento Scratch lembra kits de cons­tru­ção de páginas iniciais. Isso não sur­pre­ende, uma vez que, no Scratch, scripts baseados em blocos cor­res­pon­dem à maior parte dos com­po­nen­tes uti­li­zá­veis. Adi­ci­o­nal­mente, figuras (costumes) e sons (sounds) podem ser im­ple­men­ta­dos em um projeto. Estes também podem ser ge­ren­ci­a­dos por script. Ao clicar em “Add Extension”, você ampliará a seleção de scripts (por exemplo, com lápis de cor, código para gravação de vídeos ou recursos de síntese de fala).

Costumes: Dê vida a figuras e objetos

Seja o que for que você queira programar com o Scratch (jogo, vídeo, animação, história em qua­dri­nhos), figuras e outros objetos serão os blocos de cons­tru­ção centrais do seu projeto. Na aba “Costumes”, você pode se­le­ci­o­nar e integrar qualquer número de gráficos à sua criação. Escolha entre as opções dis­po­ní­veis, desenhe à mão ou importe imagens ar­ma­ze­na­dos lo­cal­mente. Você também poderá adicionar fotos, desde que o dis­po­si­tivo utilizado tenha câmera.

Scratch: Menu Costumes para escolha de imagens

Além de escolher um costume, você pode per­so­na­lizá-lo. Para isso, selecione o objeto desejado no menu do lado esquerdo — você poderá deletá-lo a qualquer momento clicando no ícone da lixeira — e use as fer­ra­men­tas de edição dis­po­ní­veis para alterar cores, remover detalhes es­pe­cí­fi­cos com a borracha, adicionar textos ou realizar dis­tor­ções. Também é possível converter gráficos em raster ou vetor. Você também deverá dar um nome ao costume, já que os res­pec­ti­vos scripts o exigirão pos­te­ri­or­mente, como valor de re­fe­rên­cia.

Na margem inferior direita da janela, você en­con­trará o botão “Choose a Backdrop”. É lá que se define a imagem de fundo do seu projeto. O Scratch oferece uma seleção de imagens de estoque, mas você também pode importar suas próprias ou, até mesmo, pintar seu próprio back­ground.

Sounds: Áudios e música de fundo

Para muitos projetos de criação, a trilha sonora é tão essencial quanto as imagens. Ao programar com Scratch, você pode im­ple­men­tar e gerenciar sons na seção de menu “Sounds”. Assim como elementos gráficos, o Scratch oferece uma vasta seleção de sons para serem uti­li­za­dos. Acesse-os em “Choose Sound”. Você também pode importar e gravar sons, desde que tenha um microfone conectado ao seu dis­po­si­tivo.

Os sons inseridos podem ser se­le­ci­o­na­dos no menu do lado esquerdo, clicando na miniatura cor­res­pon­dente, assim como editados. Por exemplo, você pode cortar sequên­cias se­le­ci­o­na­das, ajustar o volume, ou aumentar ou diminuir a ve­lo­ci­dade de re­pro­du­ção. Como os sons também são in­te­gra­dos ao projeto Scratch com a ajuda de scripts, cada um precisará ganhar um nome exclusivo, a ser atribuído no campo “Sounds”.

Script: O centro da pro­gra­ma­ção Scratch

Para programar com sucesso no Scratch, é ne­ces­sá­rio que você se fa­mi­li­a­rize com o uso de scripts. Um código real por trás de um script é gerado au­to­ma­ti­ca­mente assim que você arrasta um dos blocos dis­po­ní­veis ao seu projeto (in­de­pen­den­te­mente de ele ser um evento, uma função, um operador ou uma variável. Como usuário, você poderá con­cen­trar-se in­tei­ra­mente em preencher scripts com valores in­di­vi­du­ais e atribuí-los aos res­pec­ti­vos com­po­nen­tes gráficos e sonoros.

Existem des­cri­ções precisas para todos os scripts pré-fa­bri­ca­dos, que deixam clara a função que eles têm. Se você quiser usar um script no seu projeto, basta arrastar o res­pec­tivo bloco (os com­po­nen­tes de script são chamados assim no Scratch) para a janela central do editor. Valores e opções a serem definidos podem ser vi­su­a­li­za­dos di­re­ta­mente no bloco, assim como digitados ou se­le­ci­o­na­dos. Se um novo script tiver que se re­la­ci­o­nar di­re­ta­mente com um script já inserido, basta ligar um ao outro, como em um quebra-cabeça.

Exemplo de projeto

Agora que os com­po­nen­tes mais im­por­tan­tes do Scratch estão de­vi­da­mente apre­sen­ta­dos, este tutorial vai de­mons­trar as pos­si­bi­li­da­des de uso desta pla­ta­forma de pro­gra­ma­ção. Acompanhe o nosso exemplo prático:

Pri­mei­ra­mente, decidimos por encontrar uma imagem de fundo para o nosso projeto. Para tanto, movemos o mouse sobre o ícone “Backdrop” (na ponta da parte inferior da tela), clicando, em seguida, em “Choose Backdrop”. Optamos pelo tema de nome “Blue Sky”, que inserimos sem realizar nenhuma alteração.

Em seguida, adi­ci­o­na­mos uma figura ao nosso exemplo de projeto. Como a aba “Backdrops” estará aberta, para aces­sar­mos “Costumes” clicamos no botão “Choose Figure”, no canto inferior direito. No sor­ti­mento do Scratch, há figuras iguais em poses di­fe­ren­tes, que podem ser usadas para simular sequên­cias de movimento. A figura “Cat” (gato), por exemplo, está dis­po­ní­vel nas variantes “cat-a” e “cat-b”. Uma exibida após a outra dá a impressão de que o gato está andando.

Na última etapa do nosso pequeno exemplo, chegamos ao pronto central da pro­gra­ma­ção Scratch: a ma­ni­pu­la­ção de figuras. Para fazer o gato correr da esquerda para a direita, por exemplo, mantenha a tecla “seta para a direita” do seu teclado pres­si­o­nada, inserindo, ao mesmo tempo, os seguintes scripts:

• Evento (Event): Quando a tecla [ ] for pres­si­o­nada
• Controle (Control): Aguarde [ ] segundos
• Aparência (Look): Mude para o próximo costume
• Movimento (Motion): O costume avança [ ] passos

No script de evento, atribua a tecla desejada (no caso do nosso tutorial, seta para a direita). No script de controle, determine o buffer entre a troca de costumes. Ao inserir* 0.2*, por exemplo, 0,2 segundos de­cor­re­rão até que o per­so­na­gem mude de aparência, o que faz com que a sequência de mo­vi­men­tos pareça mais natural. O script de aparência garante a* al­ter­nân­cia entre “cat-a” e “cat-b”**, enquanto você mantiver a tecla de seta pres­si­o­nada. O quarto script, de movimento, move a figura para a direita ao trocar de costume*, fazendo-a avançar pelo caminho. Decidimos por es­ta­be­le­cer 10 passos:

Publique seu projeto

Depois de se tornar um scratcher, criando sua própria conta de usuário e de­sen­vol­vendo um projeto, você pode publicá-lo na pla­ta­forma Scratch, a qualquer tempo. Para fazer isso, basta pres­si­o­nar o botão “Publicar”, lo­ca­li­zado na barra de menu superior.

Na janela que se abrirá, você terá a opção de alterar o título do projeto, formular ins­tru­ções e anexar co­men­tá­rios e créditos. Se você mover para a esquerda o slider próximo a “Com­men­ting on”, você também poderá, op­ci­o­nal­mente, desativar a seção de co­men­tá­rios da sua pu­bli­ca­ção.