Problematização
Aprender a programar e a linguagem de programação pode ser algo novo e desafiador para você, o mBlock é uma ferramenta que permite criar objetos virtuais, através de blocos, dando maior autonomia na produção de materiais tecnológicos.
Já imaginou desenvolver seu próprio jogo eletrônico ou fazer sua própria animação? Você sabia que é possível aprender a programar brincando?
Conteúdo
O software mBlock é um ambiente com linguagem de programação gráfica e textual que possibilita o ensino de programação.
Por meio dele é possível aprender a programar criando jogos, desenvolver projetos interativos como animações, apresentações e histórias. Também possibilita programar dispositivos em seu computador, escrever programas baseados no Arduino.
Sua linguagem de programação é bem simples, em forma de blocos, que podem ser combinados e encaixados como um quebra cabeça, onde cada peça é um comando, composto por um trecho do código e seu arranjo cria uma programação. Ele utiliza a montagem dos algoritmos da programação utilizando arrastar e soltar.
Para instalar a versão off-line do software, acesse o site oficial do mBlock, clique sobre o instalador compatível com o sistema operacional (Windows ou Mac) de seu computador e siga as orientações para a instalação do software. Veja as instruções de instalação na figura do próximo slide.
Figura 1 - Opções de download do software mBlock
Fonte: Makeblock, 2022 (adaptada).
Você também pode acessar a versão on-line, disponível no link abaixo.
Ao entrar na página, você visualizará a tela principal, conforme a figura.
Figura 2 - Tela principal do mBlock
Fonte: Makeblock, 2022.
Na tela principal do mBlock, podemos verificar áreas distintas, separadas por espaços conforme a figura do próximo slide.
1. Barra de menu.
2. Stage (palco).
3. Aba de blocos.
4. Área de Scripts.
5. Área de definições: a) Dispositivos, b) Atores (Sprites) e c) Fundo.
Figura 3 - Ambientes do mBlock
Fonte: Makeblock, 2022 (adaptada).
Barra de ferramentas do mBlock.
Para ajustar o idioma, clique no ícone representado pela figura do globo, abrirá uma lista de opções, selecione o idioma português.
Figura 4 - Definindo o idioma para o português.
Fonte: Makeblock, 2022 (adaptada).
O ícone Ficheiro permitirá criar um novo projeto, para isto, você deverá selecionar a primeira opção Novo.
Figura 5 - Ícone para criar um novo projeto
Fonte: Makeblock, 2022 (adaptada).
Para abrir um projeto salvo em seu computador, você deverá, no menu ficheiro, selecionar a opção Abrir.
Figura 6 - Abrir o projeto do computador
Fonte: Makeblock, 2022 (adaptada).
Após montar seu projeto, você poderá salvá-lo em seu computador, no menu ficheiro, selecione a opção Guardar no teu computador.
Figura 7 - Guardar o projeto no computador
Fonte: Makeblock, 2022 (adaptada).
Fonte: Makeblock, 2022 (adaptada).
Você poderá compartilhar seu projeto, para isto, selecione, no menu ficheiro, a opção Compartilhar para.
Figura 8 - Compartilhando o projeto
Stage (palco)
É onde acontece toda ação e visualização do seu projeto. Nesta área, você encontrará o Panda , personagem padrão que simboliza o mBlock.
Abaixo desta área contêm ícones como opções para alterar o modo de exibição do palco.
Veja a figura 9 do próximo slide.
Fonte: Makeblock, 2022 (adaptada).
Figura 9 - Área Palco
Aba de blocos
Área onde se encontram comandos na forma de blocos que formam a programação. Para construir seu programa com a sequência de comandos, é necessário arrastar os blocos até a área de script, ao lado direito. Os blocos são separados por categorias, conforme a função e cores.
Veja a figura do próximo slide.
Fonte: Makeblock, 2022 (adaptada).
Figura 10 - Área de blocos
Podemos encontrar as seguintes categorias de blocos:
Movimento - Permite o deslocamento, mudar a direção, ir para posição aleatória, deslizar durante um determinado tempo, apontar em tal direção.
Aparência - Altera a aparência do ator ou do dispositivo.
Som - Permite tocar, iniciar e parar o som, alterar o efeito, definir e limpar todos os efeitos, alterar o volume.
Sensores - Detectam coisas.
Eventos - O personagem ou dispositivo percebe a ocorrência de algo no ambiente.
Controle - Contém estruturas de decisão e controle de fluxo.
Operadores - Executam funções relacionais e matemáticas.
Variáveis - Permitem criar variáveis e uma lista. Uma variável é uma informação que vai ficar guardada na memória durante a execução do programa.
Meus blocos - Permite criar seu próprio bloco. Pode reutilizá-lo quantas vezes precisar.
Pin - Esta categoria existe para os dispositivos, em nosso caso, vamos usar o Arduino. Ele determina as ações nos pinos.
Porta Serial - Esta categoria existe para os dispositivos, em nosso caso, o Arduino. Ações na porta serial.
Dados - Esta categoria existe para dispositivos, em nosso caso o Arduino.
Tabela 1. Categoria de blocos dos atores
Fonte: Elaborado pelos autores, 2022. Fonte: Makeblock, 2022.
Tabela 2. Categorias de blocos do fundo
Fonte: Elaborado pelos autores, 2022. Fonte: Makeblock, 2022.
Tabela 3. Categoria de blocos do Arduino
Fonte: Elaborado pelos autores, 2022. Fonte: Makeblock, 2022.
Área de scripts
Espaço onde são montados todos os comandos para funcionamento do projeto.
Neste local, deverá ser arrastado os blocos, ou seja, os comandos representados por trechos do código de programação para a realização de toda ação do projeto, que será visualizada na área do palco, como demonstra a figura do próximo slide.
Figura 11 - Área de script
Fonte: Makeblock, 2022 (adaptada).
Fonte: Makeblock, 2022 (adaptada).
Para facilitar a visualização da programação é possível aumentar ou diminuir esta área, clicando nos ícones inferiores à direita do campo
Figura 12 - Seleção do modo de visualização dos blocos
Área de definições
Nesta área, serão definidos quais dispositivos, atores e fundos serão usados na programação.
a) Dispositivos:
São atores que simbolizam dispositivos e carregam as bibliotecas de comunicação referentes à placa controladora selecionada. Exemplo: Codey, Neuron, mBot Ranger, Arduino, micro:bit, Bluetooth, MotionBlock, entre outros.
Veja a figura no próximo slide.
Fonte: Makeblock, 2022 (adaptada).
Figura 13 - Definição do dispositivo
Na sequência, selecione a placa de Arduino Uno na biblioteca de dispositivos do mBlock e clique no botão OK, como demonstra a figura.
Figura 14 - Selecionando a placa Arduino Uno
Fonte: Makeblock, 2022 (adaptada).
Feito a seleção, o Arduino Uno é visualizado no campo Dispositivos do mBlock, sendo possível iniciar a programação em blocos, conforme mostrado na figura.
Com a transferência do código para o dispositivo Arduino UNO, inicia-se o funcionamento do seu projeto.
Figura 15 - Dispositivo Arduino conectado
Fonte: Makeblock, 2022 (adaptada).
Sprites (atores)
Os sprites ou atores são as personagens que executarão as ações. No mBlock, além do Panda, que é a personagem padrão do mBlock, é possível escolher outros atores, como animais, pessoas, plantas, adereços, comidas e até mesmo criar ou desenhar o seu próprio ator e abrir do seu computador, clicando em Adicionar, conforme mostrado na figura do próximo slide.
Figura 16 - Escolha de atores.
Fonte: Makeblock, 2022 (adaptada).
Fonte: Makeblock, 2022 (adaptada).
Abrirá uma biblioteca com personagens e a opção carregar do seu computador, conforme mostrado na figura.
Figura 17 - Adicionar um ator salvo no computador
Fonte: Makeblock, 2022 (adaptada).
Selecione o arquivo com a imagem salva no seu computador, conforme mostrado na figura.
Figura 18 - Escolher um ator e imagem do seu computador
Fonte: Makeblock, 2022 (adaptada).
Após a seleção, você verá seu personagem personalizado na área de palco, conforme a figura.
Figura 19 - Alteração do ator
Fonte: Makeblock, 2022 (adaptada).
c) Fundo
O fundo é o cenário que aparecerá atrás dos atores.
Figura 20 - Escolher fundo
Fonte: Makeblock, 2022 (adaptada).
Clique na caixa: número de trajes, abrirá uma janela com opções de fundos, conforme mostrado na figura.
Figura 21 - Adição do fundo
Fonte: Makeblock, 2022 (adaptada).
Abrirá uma janela com a biblioteca de cenários, como também, a opção para carregar um cenário criado ou salvo em seu computador, conforme a figura.
Figura 22 - Seleção de fundo
Fonte: Makeblock, 2022 (adaptada).
Clicando na opção escolhida, aparecerá o cenário na área do palco, conforme mostrado na figura.
Figura 23 -Visualização do cenário no fundo do ator
Pronto, agora você já pode começar a criar sua animação, jogos e histórias!
a. Você entendeu as áreas de criação da plataforma do mBlock, compreendendo as áreas e suas funcionalidades?
b. Reflita se as seguintes situações ocorreram:
i. Você e os seus colegas trocaram ideias no momento do manuseio do mblock?
ii. Você teve problemas ao acessar e explorar a ferramenta? Quais? Relate para a turma.
BRASIL. Ministério da Educação. Base Nacional Comum Curricular. Brasília, 2018. Disponível em: http://basenacionalcomum.mec.gov.br/images/BNCC_EI_EF_110518_versaofinal_site.pdf. Acesso em: 10 maio 2022.
MAKEBLOCK. mBlock. Programação em blocos. Disponível em: https://ide.mblock.cc/. Acesso em: 15 maio 2022.
MARTINS, Lia Alessandra da S.; BRELAZ, Amanda da S.; NASCIMENTO, Gabriel R. Nascimento.; ALFAIA, Raíssa M.; MARTINS, Thaís dos S. Ensinando Lógica de Programação aplicada à Robótica para alunos do Ensino Fundamental. V Congresso Brasileiro de Informática na Educação (CBIE 2016). Disponível em: https://www.br-ie.org/pub/index.php/sbie/article/download/6678/4567. Acesso em: 12 maio 2022.
PARANÁ. Secretaria de Estado da Educação e do Esporte. Diretoria de Tecnologias de Informação (DTI). Coordenação de Tecnologias Educacionais. (CTE). Robótica Primeiros Passos - Módulo 1. Aula 23 - Software mBlock. Disponível em: <https://aluno.escoladigital.pr.gov.br/robotica/aulas/primeiros_passos>. Acesso em: 03 out. 2022.