MakeCode – Programação em blocos na Micro:bit

Nesta aula, exploraremos o MakeCode, uma plataforma de programação visual projetada pela Microsoft para facilitar o aprendizado de programação e eletrônica, especialmente para iniciantes.

O que é o MakeCode?

O MakeCode é uma plataforma de programação visual desenvolvida pela Microsoft que facilita o aprendizado de programação e eletrônica para iniciantes, acesse aqui. Ele utiliza uma interface de blocos, semelhante ao Scratch, onde você pode arrastar e soltar blocos de código para criar programas de maneira intuitiva. Essa abordagem torna o processo de aprendizado mais acessível e divertido, especialmente para aqueles que estão começando no mundo da programação.

 

As principais características do MakeCode incluem:

• Interface de Blocos: A interface de blocos permite que os usuários criem programas movendo blocos visuais em vez de escrever código. Cada bloco representa uma função ou comando, e eles se encaixam como peças de um quebra-cabeça, facilitando a compreensão da lógica de programação.
• Modo de Texto: Para usuários mais avançados, o MakeCode também oferece a opção de programar em JavaScript ou Python. Isso permite uma transição suave de uma programação baseada em blocos para uma linguagem de texto.
• Simulador: O MakeCode inclui um simulador embutido que permite testar seus programas antes de transferi-los para a micro:bit. Isso ajuda a identificar e corrigir erros rapidamente.
• Compatibilidade com micro:bit: O MakeCode é especialmente projetado para ser usado com a micro:bit. Ele fornece blocos específicos para controlar os LEDs, botões, sensores e outros recursos da micro:bit, facilitando a criação de projetos interativos.
• Recursos Educacionais: O MakeCode oferece uma ampla gama de tutoriais, exemplos de projetos e recursos educacionais para ajudar os alunos e professores a começar a programar rapidamente.

Com sua interface intuitiva e amigável, o MakeCode é ideal para iniciantes que querem aprender os fundamentos da programação. A facilidade de arrastar e soltar blocos de código torna o processo de aprendizagem menos intimidador e mais acessível, permitindo que os novatos se concentrem na lógica de programação sem se preocuparem com a sintaxe complexa.

A programação com blocos e o uso do simulador tornam o aprendizado interativo e envolvente. O simulador integrado permite que os usuários testem seus programas em tempo real, observando imediatamente os resultados das suas ações. Isso não só facilita a compreensão dos conceitos de programação, mas também torna o processo mais dinâmico e divertido.

A possibilidade de alternar entre blocos e JavaScript e Python permite que os usuários avancem para linguagens de programação mais complexas à medida que ganham confiança. Essa transição suave é essencial para aqueles que desejam aprofundar seus conhecimentos em programação e explorar mais opções de codificação.

O MakeCode possui uma comunidade ativa de usuários e desenvolvedores que compartilham projetos, dicas e suporte. Essa comunidade oferece um vasto recurso de informações, ajudando os usuários a resolver problemas, encontrar inspiração para novos projetos e continuar aprendendo em um ambiente colaborativo.

Visão geral da interface MakeCode

O Microsoft MakeCode oferece uma interface amigável e intuitiva, especialmente projetada para facilitar o aprendizado e a criação de programas para a micro:bit. Vamos explorar os principais componentes da interface MakeCode para que você possa começar a programar sua micro:bit.

Tela Inicial

Ao acessar o MakeCode, você será recebido pela tela inicial, onde pode criar novos projetos ou acessar projetos existentes. 

Aqui, você também encontrará exemplos de projetos e tutoriais que podem servir de inspiração e guia.

Editor de Blocos

A principal área de trabalho do MakeCode é o editor de blocos. No lado esquerdo da tela, você verá a paleta de blocos, que é dividida em categorias como Básico, Entrada, Música, LED, Rádio, Loops, Lógica, Variáveis, Matemática e Extensões. Cada categoria contém blocos de construção específicos que podem ser arrastados e soltos na área de programação.

No centro da tela está a área de programação, onde você arrasta e solta blocos para criar seu programa. Os blocos se encaixam como peças de um quebra-cabeça, tornando fácil ver como as diferentes partes do seu código se conectam e interagem.

Simulador

À esquerda do editor de blocos, você encontrará o simulador da micro:bit. O simulador permite testar seus programas antes de transferi-los para a micro:bit real. 

Ele mostra uma representação virtual da micro:bit e como ela responderia ao seu código, permitindo que você veja os LEDs acenderem, os botões serem pressionados e outros sensores e atuadores em ação.

Barra de Ferramentas

Acima do editor de blocos, você encontrará a barra de ferramentas, que oferece várias opções importantes:

• Home: Retorna à tela inicial do MakeCode, onde você pode acessar outros projetos, tutoriais e exemplos.
• Compartilhar: Gera um link único para o seu projeto, permitindo que você compartilhe seu código com outras pessoas. Isso facilita a colaboração e a disseminação de projetos entre colegas e educadores.
• Ajuda: Fornece acesso a documentação, tutoriais e suporte técnico. É um recurso valioso para resolver dúvidas e aprender mais sobre como usar o MakeCode e a micro:bit.
• Configurações: Oferece opções adicionais de configuração, como alterar o idioma, ajustar preferências do editor e acessar informações sobre a versão do MakeCode.

Abaixo do editor de blocos, você encontra uma segunda barra de ferramentas com as seguintes opções:

• Baixar: Baixe o arquivo .hex do seu programa, que pode ser transferido para a micro:bit. Este arquivo contém o código compilado que a micro:bit pode executar.
• Nome do Projeto: Permite nomear ou renomear seu projeto, facilitando a organização e identificação de diferentes programas.
• Salvar: Salva o projeto atual no seu dispositivo, garantindo que suas alterações não sejam perdidas.
• GitHub: Conecta seu projeto ao GitHub, permitindo versionamento, colaboração e armazenamento de código em um repositório online.
• Desfazer/Refazer: Permite desfazer a última ação realizada ou refazer uma ação desfeita. Isso é útil para corrigir erros ou reverter alterações rapidamente.
• Afastar/Aproximar: Ajusta o zoom na área de programação, facilitando a visualização de blocos grandes ou detalhados.

Visualização de Código

Além do editor de blocos, o MakeCode permite alternar para uma visualização de código em JavaScript ou Python. 

 

Esta funcionalidade é útil para usuários que desejam ver o código por trás dos blocos ou para aqueles que estão prontos para começar a programar diretamente em uma linguagem de texto.

Criando um projeto no MakeCode

Criar um projeto no MakeCode é um processo simples e direto, projetado para ser acessível a iniciantes e eficiente para usuários mais experientes. Aqui está um guia passo a passo para ajudá-lo a começar:

 

1. Acessando o MakeCode: Primeiro, abra seu navegador de internet e acesse o site do Microsoft MakeCode, aqui. Na página inicial, você verá várias opções e recursos, incluindo tutoriais e projetos de exemplo.
2. Iniciando um Novo Projeto: Para criar um novo projeto, clique no botão “Novo Projeto” na tela inicial. Você será solicitado a dar um nome ao seu projeto. Escolha um nome descritivo que facilite a identificação do projeto posteriormente e clique em “Criar”.
3. Adicionando Blocos de Código: Depois de criar um novo projeto, você será levado ao editor de blocos.Para começar a programar, clique e arraste blocos da paleta de blocos para a área de programação. Por exemplo, você pode arrastar para dentro do bloco “para sempre” um bloco “mostrar número”. Ajuste o bloco “mostrar número” para exibir o número 1.
4. Testando seu Programa: Assim que você adicionar blocos à área de programação, o simulador à esquerda refletirá as mudanças em tempo real. Você verá a micro:bit virtual executando seu programa, permitindo testar e ajustar seu código conforme necessário.

À medida que você se familiariza com o MakeCode, explore as diferentes categorias de blocos e experimentos com sensores e atuadores integrados da micro:bit. Utilize tutoriais e recursos disponíveis na plataforma para expandir seus conhecimentos e habilidades.

Como transferir arquivos para a micro:bit no MakeCode?

Transferir arquivos do MakeCode para a micro:bit é o passo para ver seu código ganhar vida em um dispositivo físico. Para transferir um arquivo para o micro:bit, siga os seguintes passos:

 

1. Salvando e Baixando seu Programa: Depois de finalizar seu programa, clique em “Baixar” na barra de ferramentas auxiliar. Isso fará o download de um arquivo .hex, que pode ser transferido para sua micro:bit real. Para salvar seu progresso, use o botão “Salvar” na mesma barra, garantindo que todas as suas alterações sejam armazenadas no seu dispositivo.
2. Transferindo o Programa para a Micro: Conecte sua micro:bit ao computador usando um cabo USB. Arraste e solte o arquivo .hex baixado para o dispositivo de armazenamento da micro:bit, que aparecerá no seu computador como uma unidade USB. A micro:bit reiniciará automaticamente e começará a executar seu programa.