Aprende a programar de forma divertida e criativa com o micro:bit e o editor MakeCode. Vamos explorar juntos este incrível mundo da programação em blocos!
O micro:bit é um pequeno computador programável desenvolvido especialmente para a educação. Foi criado pela BBC no Reino Unido com o objetivo de tornar a programação acessível e divertida para jovens estudantes em todo o mundo.
Ideal para iniciantes que querem descobrir o mundo da programação de forma interativa e criativa.
Possui LEDs, botões, sensores e pinos de entrada/saída para conectar componentes externos.
Permite criar projetos do mundo real: jogos, termómetros, contadores de passos e muito mais.
O micro:bit está repleto de componentes que tornam a programação física e tangível. Cada elemento tem uma função específica e permite criar projetos incríveis.
Uma grelha de 5×5 LEDs para mostrar texto, números, imagens e animações. É o "rosto" do micro:bit.
Dois botões físicos para interagir com os programas, controlar menus e disparar ações.
Acelerómetro para detetar movimento e bússola para detetar direção. Permitem criar jogos de movimento.
Pinos na parte inferior para conectar sensores externos, LEDs, motores e outros componentes eletrónicos.
Observa com atenção os diferentes componentes do micro:bit. Cada parte tem um papel fundamental no funcionamento dos teus programas. Aprende a identificar cada componente antes de começares a programar!
LEDs, botões A e B, e logótipo tátil (micro:bit V2).
Processador, sensor de temperatura, bússola e acelerómetro.
Pinos de entrada/saída e conector USB para ligar ao computador.
O MakeCode é um editor de programação visual baseado em blocos, criado pela Microsoft. É uma ferramenta gratuita e acessível diretamente pelo browser, sem necessidade de instalar nada no computador.
Usa blocos coloridos que se encaixam como um puzzle, tornando a programação visual e intuitiva.
Permite testar o código sem precisar de um micro:bit físico, através de um simulador no ecrã.
Acede em qualquer computador através do endereço makecode.microbit.org — sem custos nem instalação.
Começar a usar o MakeCode é muito simples! Segue estes passos para criar o teu primeiro projeto e começares a programar o micro:bit imediatamente.
Após criar o novo projeto, verás a interface completa do MakeCode com a paleta de blocos à esquerda, a área de trabalho ao centro e o simulador à direita. Estás pronto para programar!
Ao aceder a makecode.microbit.org, encontrarás a página inicial com os teus projetos recentes e a opção de criar um novo projeto. O botão "Novo Projeto" está bem visível no centro da página. Clica nele para entrar no editor e começar a explorar todas as funcionalidades disponíveis.
O editor MakeCode está organizado em três áreas principais que trabalham em conjunto para te dar uma experiência de programação completa e interativa.
É aqui que arrastas e montas os blocos de código. É o teu espaço criativo para construir programas.
Contém todas as funções e comandos, organizados por categorias com cores diferentes para fácil identificação.
Mostra em tempo real o que o teu código fará no micro:bit, mesmo sem teres o dispositivo físico.
A interface do MakeCode foi desenhada para ser simples e intuitiva. Todas as categorias de blocos estão organizadas por cores, o que facilita encontrar o que precisas. O simulador atualiza-se automaticamente à medida que adicionas blocos ao teu código — experimenta mover os botões virtuais do simulador para veres o resultado imediatamente!
Neste capítulo vamos aprender os blocos fundamentais que formam a base de qualquer programa no micro:bit. Começa por aqui para perceber como o micro:bit executa o código!
Executa o código uma única vez quando o micro:bit é ligado.
Executa o código continuamente em loop infinito.
Desenha imagens e padrões no visor LED 5×5.
O bloco "No Início" é executado apenas uma vez, no momento em que o micro:bit é ligado ou quando o programa é reiniciado. Pensa nele como as instruções de configuração do teu programa.
Usa o bloco "No Início" para tudo o que só precisa de acontecer uma vez: definir o valor inicial de variáveis, mostrar o nome do programa, ou preparar o micro:bit para a sua função principal.
No MakeCode, o bloco "No Início" encontra-se na categoria "Básico" e aparece automaticamente na área de trabalho quando crias um novo projeto. Tem uma cor azul característica e é sempre o ponto de partida dos teus programas. Qualquer bloco que colocares dentro dele será executado assim que o micro:bit arrancar!
Básico (azul)
Uma vez apenas
Configuração inicial
O bloco "Para Sempre" executa o código dentro dele repetidamente, sem parar, enquanto o micro:bit estiver ligado. Após terminar a última instrução dentro do bloco, recomeça automaticamente do início.
Usa o bloco "Para Sempre" para qualquer coisa que precisa de se repetir: animações, verificação contínua de sensores, contagem de tempo, ou mostrar informações atualizadas constantemente.
O bloco "Para Sempre" também se encontra na categoria "Básico" e aparece automaticamente na área de trabalho juntamente com o "No Início". Na maioria dos programas, usarás estes dois blocos em conjunto: o "No Início" para configurar e o "Para Sempre" para manter o programa a correr.
Básico (azul)
Infinita e contínua
Animações e loops
O nosso primeiro exemplo mostra como usar os blocos "No Início" e "Mostrar LEDs" para exibir um rosto sorridente no visor do micro:bit. Segue os passos abaixo:
Arrasta o bloco "No Início" da categoria Básico para a área de trabalho.
Dentro de "No Início", coloca um bloco "Mostrar LEDs" e clica nos quadrados para desenhar um rosto sorridente.
Observa o simulador — deverá mostrar o rosto sorridente assim que o programa arrancar!
Observa como o código fica organizado no MakeCode. O bloco "Mostrar LEDs" está encaixado dentro do bloco "No Início". Os pontos iluminados na grelha 5×5 formam o padrão do rosto sorridente. Experimenta modificar os LEDs para criar a tua própria expressão!
O bloco "Mostrar LEDs" permite desenhar imagens pixel a pixel no visor LED 5×5 do micro:bit. Clicas em cada quadrado da grelha para o ligar (preenchido) ou desligar (vazio), criando qualquer padrão que imagines.
Na categoria "Básico", arrasta o bloco "Mostrar LEDs" para a área de trabalho e encaixa-o dentro de um bloco "No Início" ou "Para Sempre". Clica nos quadrados da grelha para criar o teu padrão.
A grelha interativa do bloco "Mostrar LEDs" representa os 25 LEDs do visor do micro:bit. Cada quadrado corresponde a um LED — clica uma vez para ligar (fica escuro/preenchido) e clica novamente para desligar. Podes criar letras, números, formas geométricas ou qualquer imagem que desejes usando esta grelha simples mas poderosa!
Quadrado vazio — o LED não acende.
Quadrado preenchido — o LED acende.
5 colunas × 5 linhas para criar qualquer imagem.
O bloco "Limpar Ecrã" apaga todos os LEDs do visor, deixando o ecrã completamente escuro. É um bloco essencial para programas com animações, pois garante que a imagem anterior é apagada antes de mostrar a próxima.
Sempre que precisas de criar uma pausa visual ou quando queres garantir que o ecrã fica limpo entre dois padrões de LEDs diferentes. Normalmente usas em conjunto com o bloco "Pausa".
Encontras o bloco "Limpar Ecrã" na categoria "Básico" do MakeCode. É um bloco simples, sem parâmetros, que apenas executa uma ação: apagar todos os LEDs. Usa-o estrategicamente nas tuas animações para controlar quando o ecrã deve ficar em branco.
Os botões A e B do micro:bit são a forma mais direta de interação física com os teus programas. Neste capítulo, aprenderás a usar os eventos de botão para criar programas interativos que respondem às tuas ações!
Localizado à esquerda do visor. Deteta quando é pressionado e executa o código associado.
Localizado à direita do visor. Funciona independentemente do A para ações diferentes.
Podes detetar quando ambos os botões são pressionados em simultâneo para uma terceira ação.
O bloco "Quando o botão A for premido" é um bloco de evento — executa o código dentro dele apenas quando o botão A físico (ou virtual no simulador) é pressionado. Não precisa de estar dentro de nenhum outro bloco.
Encontras este bloco na categoria "Entrada" (cor amarelo-torrado) do MakeCode.
Na categoria "Entrada", encontras todos os blocos relacionados com a interação física com o micro:bit. O bloco "Quando o botão A for premido" é dourado/amarelo e funciona como um gatilho — quando o botão é premido, executa tudo o que estiver dentro dele. Podes ter vários blocos de eventos diferentes na área de trabalho ao mesmo tempo!
Entrada (amarelo-torrado)
Bloco de Evento
Pressionar o botão A
O bloco "Quando o botão B for premido" funciona da mesma forma que o bloco do botão A, mas é ativado pelo botão B. Usar os dois botões em conjunto permite criar programas com mais funcionalidades e interatividade.
Tal como o botão A, o bloco "Quando o botão B for premido" encontra-se na categoria "Entrada". Para criar programas mais complexos, podes ter os blocos de ambos os botões na área de trabalho em simultâneo, cada um a executar ações diferentes. Isto é essencial para criar menus, jogos ou aplicações com múltiplas opções!
Vamos criar um contador que aumenta cada vez que premimos o botão B e mostra o valor no ecrã. Este exemplo combina variáveis, botões e o bloco "Mostrar Número".
No bloco "No Início", usa "definir count para 0" para criar uma variável chamada "count" com valor inicial zero.
No bloco "Botão B Pressionado", usa "alterar count por 1" para aumentar o contador em 1 a cada pressão.
No bloco "Para Sempre", usa "mostrar número count" para exibir o valor atual no visor LED.
Observa como os três blocos principais trabalham juntos: o "No Início" inicializa a variável, o "Botão B Pressionado" incrementa o contador, e o "Para Sempre" mostra o valor atualizado. Experimenta adicionar um bloco "Botão A Pressionado" para reiniciar o contador a zero!
As variáveis são um dos conceitos mais importantes em programação. Pensa numa variável como uma caixa com um nome onde guardas informações que podem mudar ao longo do tempo. No exemplo do contador, a variável "count" guarda o número atual de cliques.
Variáveis podem guardar números (ex: 42), texto (ex: "Olá"), ou valores lógicos verdadeiro/falso.
Cada variável tem um nome único. Usa nomes descritivos como "pontuacao", "temperatura" ou "contador".
O valor de uma variável pode ser alterado durante o programa. É isso que as torna tão úteis!
Na categoria "Variáveis" (cor roxa) do MakeCode, encontras os blocos para criar e manipular variáveis. O bloco "definir [variável] para" cria e inicializa uma variável, enquanto "alterar [variável] por" muda o seu valor. Para criar uma nova variável, clica em "Criar uma variável..." no topo da categoria.
Define o valor inicial da variável. Geralmente usado no "No Início".
Soma ou subtrai um valor à variável. Útil para contadores.
Bloco oval que representa o valor atual. Usa-o para mostrar ou comparar.
O bloco "alterar [variável] por [número]" soma ou subtrai um valor à variável existente. Se a variável "count" vale 5 e usas "alterar count por 1", passa a valer 6. Se usas "alterar count por -1", passa a valer 4.
No MakeCode, o bloco de alteração de variáveis tem a cor roxa característica da categoria Variáveis. Podes alterar o nome da variável clicando no menu suspenso (onde aparece o nome da variável) e o valor numérico clicando diretamente no número. Este bloco é extremamente versátil — experimenta alterar o valor para criar contadores rápidos, sistemas de pontuação ou temporizadores!
O bloco "mostrar número" exibe um número no visor LED do micro:bit. Para números com mais de um dígito, o número rola pelo ecrã. É perfeito para mostrar valores de variáveis, pontuações, temperaturas ou qualquer valor numérico.
Arrasta o bloco da categoria "Básico" e encaixa-o onde precisares. Para mostrar o valor de uma variável, arrasta o bloco oval da variável para dentro do bloco "mostrar número".
O bloco "mostrar número" encontra-se na categoria "Básico". Podes colocar diretamente um número fixo (ex: mostrar o número 42) ou arrastar o bloco oval de uma variável para dentro dele (ex: mostrar o valor de "count"). O visor LED do micro:bit tem espaço para mostrar apenas um dígito de cada vez — para números maiores, o número rola automaticamente da direita para a esquerda.
Escreve diretamente o número no campo do bloco.
Arrasta o bloco oval da variável para dentro.
Números de 2+ dígitos rolam pelo ecrã.
Neste capítulo vais aprender a criar animações no visor LED do micro:bit! Usando o bloco "Pausa" e sequências de imagens, consegues criar efeitos visuais incríveis como corações a bater, setas a mover-se e muito mais.
O bloco "Pausa" controla a velocidade da animação.
Vários "Mostrar LEDs" em sequência criam animação.
O bloco "Para Sempre" mantém a animação a correr.
O bloco "pausa (ms)" interrompe a execução do programa durante um tempo definido em milissegundos. 1000ms = 1 segundo. É absolutamente essencial para criar animações, pois controla a velocidade com que as imagens aparecem e desaparecem.
O bloco "pausa (ms)" encontra-se na categoria "Básico" do MakeCode. O valor padrão é 100ms, mas podes clicar no número para alterar para qualquer valor que precisares. Para animações fluidas, experimenta valores entre 100ms e 500ms. Para efeitos dramáticos, usa 1000ms ou mais.
Vamos criar uma animação clássica: um coração que pulsa! Para isso, alternamos entre um coração grande e um coração pequeno com uma pausa entre cada um.
Toda a animação fica dentro do bloco "Para Sempre" para que o coração continue a bater sem parar.
Adiciona um "Mostrar LEDs" com um coração grande e depois uma "Pausa" de 500ms.
Adiciona outro "Mostrar LEDs" com um coração pequeno e outra "Pausa" de 500ms.
O segredo desta animação está na alternância entre dois padrões de LEDs com pausas entre eles. O coração grande aparece durante 500ms, depois o coração pequeno aparece durante outros 500ms, e o ciclo repete-se infinitamente. Experimenta alterar as pausas para mudar o ritmo do batimento cardíaco!
O bloco "mostrar ícone" exibe ícones pré-desenhados no visor LED do micro:bit. Em vez de desenhares pixel a pixel como no "Mostrar LEDs", escolhes diretamente de uma biblioteca de ícones prontos a usar.
Encontras o bloco "mostrar ícone" na categoria "Básico". Clica na seta do menu suspenso para ver todos os ícones disponíveis numa grelha visual. Existe uma enorme variedade de ícones para todas as situações — desde expressões faciais até formas geométricas e símbolos. Este bloco é perfeito para criar programas mais expressivos e fáceis de ler!
Feliz, triste, sonolento, confuso, zangado, surpreso.
Setas para norte, sul, este, oeste e diagonais.
Coração, nota musical, losango, quadrado, visto, xis.
O bloco "mostrar texto" exibe uma sequência de caracteres (letras, números, símbolos) no visor LED do micro:bit. Como o visor tem apenas 5×5 pixels, o texto rola da direita para a esquerda para que possas ler toda a mensagem.
O bloco "mostrar texto" está na categoria "Básico" e é um dos mais usados em projetos de introdução à programação. O texto padrão é "Olá!" mas podes clicar no campo de texto e escrever qualquer mensagem. Experimenta criar um crachá digital com o teu nome usando este bloco dentro do "Para Sempre"!
O micro:bit está equipado com sensores poderosos que permitem detetar o mundo físico à sua volta. Neste capítulo vais aprender a usar o acelerómetro para criar programas que respondem ao movimento!
Deteta movimento em 3 eixos (X, Y, Z), sacudidelas, quedas e inclinações.
Deteta o campo magnético para determinar a direção (Norte, Sul, Este, Oeste).
Sensor de temperatura integrado no processador (categoria Entrada).
O bloco "quando sacudido" é um bloco de evento que usa o acelerómetro para detetar quando o micro:bit é abanado. Quando o micro:bit deteta o movimento de sacudidela, executa todo o código dentro do bloco.
No menu suspenso podes escolher outros tipos de movimento:
Na categoria "Entrada", encontras o bloco "quando sacudido" com um menu suspenso que permite selecionar diferentes tipos de gesto ou movimento. Este é um dos blocos mais divertidos do MakeCode, pois torna os programas físicos e interativos. No simulador, podes clicar no ícone de sacudidela para simular o movimento!
Entrada (amarelo-torrado)
Acelerómetro
8 tipos de movimento
Vamos criar um globo de neve digital! Quando sacudires o micro:bit, partículas de neve aparecem aleatoriamente no ecrã, simulando neve a cair. Este exemplo usa o bloco "quando sacudido" com animações de neve.
O bloco "quando sacudido" ativa toda a animação quando o micro:bit é abanado.
Usa um bloco "repetir 10 vezes" (na categoria Loops) para repetir a animação de neve 10 vezes.
Dentro do loop, usa "mostrar LEDs" para desenhar padrões de neve e adiciona pausas entre eles.
O código do globo de neve combina vários conceitos que já aprendeste: eventos de sensor, loops de repetição e animações com LEDs. O bloco "repetir" da categoria "Loops" repete a sequência de neve um número específico de vezes. Experimenta criar diferentes padrões de neve para cada frame da animação!
Além de detetar gestos, podes aceder diretamente aos valores numéricos do acelerómetro para criar programas mais precisos. O bloco de leitura do acelerómetro devolve valores em miligraus (mg) para os eixos X, Y e Z.
Mede a inclinação lateral (esquerda/direita). Positivo quando inclinado para a direita, negativo para a esquerda.
Mede a inclinação frontal (frente/trás). Positivo quando inclinado para a frente, negativo para trás.
Mede a aceleração vertical. Deteta se o micro:bit está a subir ou a descer (útil para detetar queda livre).
Na categoria "Entrada", encontras os blocos de leitura do acelerómetro. Podes usar o bloco "aceleração (mg) x" (e selecionar x, y ou z no menu) para obter valores numéricos. Estes valores podem ser mostrados no ecrã, guardados em variáveis ou usados em condições lógicas para criar jogos de movimento sofisticados como um labirinto ou um nível de bolha!
O micro:bit V2 possui um altifalante integrado que permite tocar sons e músicas diretamente, sem precisar de componentes externos. Neste capítulo vais descobrir como adicionar sons aos teus projetos para os tornar ainda mais envolventes!
Uma biblioteca de sons prontos a usar, como "twinkle", "jump up" e "sad trombone".
Composições musicais completas integradas no MakeCode para tocar facilmente.
Podes tocar notas musicais individuais em qualquer frequência e duração.
O bloco "tocar som" reproduz sons pré-definidos no altifalante do micro:bit V2. Existe uma biblioteca variada de sons para diferentes situações — desde sons alegres até sons dramáticos.
Encontras o bloco "tocar som" na categoria "Músicas" (cor roxa/lilás) do MakeCode. Tens duas variantes: "tocar som [x] até terminar" (espera o som acabar antes de continuar) e "tocar som [x]" (continua o programa enquanto o som toca). Para criar efeitos sonoros em jogos, usa a versão "até terminar" para feedback imediato ao jogador.
Vamos criar um programa simples mas divertido: ao pressionar o botão A, o micro:bit toca um som de "twinkle". Este exemplo combina um evento de botão com um bloco de som.
Ao pressionar A, toca o som "twinkle" e mostra uma estrela no ecrã.
Ao pressionar B, toca o som "power up" e mostra um visto no ecrã.
Ao pressionar A+B juntos, toca o som triste e mostra um X no ecrã.
Este padrão de som + visual é a base para criar jogos completos e interativos com o micro:bit!
O código é muito simples: um bloco "quando o botão A for premido" com um bloco "tocar som twinkle até terminar" dentro. Podes enriquecer o programa adicionando também um "mostrar ícone" para dar feedback visual além do sonoro. Testa no simulador clicando no botão A virtual — deverás ouvir o som e ver a animação!
O bloco "mostrar animação" permite criar sequências de imagens LEDs de forma mais organizada e eficiente do que encadear vários blocos "Mostrar LEDs". Define múltiplos frames numa única interface.
Usar "mostrar animação" é mais eficiente e legível do que criar manualmente cada frame com blocos individuais de "Mostrar LEDs". Mantém o código mais limpo e organizado.
Encontras o bloco "mostrar animação" na categoria "Básico". Clicando na área de animação do bloco, abre um editor onde podes adicionar múltiplos frames e desenhar cada um individualmente. Define também o intervalo de tempo entre frames (em milissegundos). Este bloco é a evolução natural depois de dominares o "Mostrar LEDs" — perfeito para criar animações mais complexas e expressivas!
Interface visual para criar e editar cada frame da animação.
Define quanto tempo cada frame fica visível antes do próximo.
Podes ter quantos frames precisares numa única animação.
Parabéns por chegares até aqui! Já aprendeste as bases da programação com o micro:bit e o MakeCode. Agora é hora de explorar projetos mais completos e descobrir o que mais podes criar com estas ferramentas incríveis!
Percorridos nesta aventura de programação.
Funções aprendidas no MakeCode.
Projetos práticos criados durante as aulas.
O site oficial do micro:bit oferece uma biblioteca enorme de projetos prontos para explorar, modificar e aprender. São projetos criados por especialistas com instruções passo a passo, ideais para te inspirares e levares as tuas competências ao próximo nível.
Usa o sensor de temperatura para criar um termómetro digital que mostra a temperatura no visor LED.
Cria um crachá digital que mostra o teu nome em loop — perfeito para apresentações e feiras de ciências.
Usa o acelerómetro para detetar cada passo e cria o teu próprio pedómetro digital!
Acede a microbit.org/pt-br/projects/make-it-code-it/ para encontrar dezenas de projetos organizados por nível de dificuldade. Cada projeto inclui o código completo, instruções em português e sugestões para personalizar e melhorar. Começa pelos projetos marcados como "Iniciante" e vai avançando à medida que ganhas confiança!
Crachá com nome, rosto feliz, contador de pontos — ideais para começar.
Termómetro, bússola, globo de neve, jogo de agitar — mais desafiantes.
Estação meteorológica, rádio entre micro:bits, projetos com pinos externos.
Chegaste ao fim desta introdução ao micro:bit e MakeCode — mas a tua aventura de programação está apenas a começar! Tens agora todas as ferramentas fundamentais para criar projetos incríveis. O único limite é a tua imaginação!
Descobre as categorias Rádio, Pinos e Matemática para projetos ainda mais avançados.
Mistura o que aprendeste: usa sons com botões, animações com sensores, variáveis com tudo!
Inventa os teus próprios projetos originais. O limite é a vossa imaginação! 🌟
Bem-vindo ao Mundo do micro:bit e MakeCode! 🚀