Guia Básico _ Kodular e Scratch

Prévia do material em texto

Kodular: O que é? 
O Kodular é uma plataforma gratuita que permite criar aplicativos 
Android sem precisar saber programar ou usar códigos. Com ele, você 
monta seu app arrastando blocos lógicos e componentes visuais 
de forma simples. Nada de digitar código complicado: é como brincar de encaixar 
peças de Lego para formar seu projeto. Kodular democratiza a criação de software, 
permitindo que qualquer pessoa com uma ideia transforme-a em um app. Além 
disso, por ser rápido e ter uma comunidade ativa, fica muito divertido aprender a 
usá-lo. 
Como acessar e criar uma conta 
Para começar, abra o navegador no computador e acesse o site oficial do Kodular 
(kodular.io). Em seguida, crie uma conta gratuita – você pode usar um e-mail normal 
ou entrar com sua conta do Google, GitHub ou Twitter. Após o cadastro, você estará 
dentro do ambiente de criação (o Creator), pronto para desenvolver seu aplicativo. 
É fácil e grátis, e a conta dá acesso a todas as ferramentas básicas do Kodular. 
Telas principais: Designer e Blocos 
No Kodular, o trabalho de criação acontece em duas telas principais: o Designer e 
os Blocos. A tela Designer mostra como o app vai ficar no celular: no centro 
aparece a “tela” do dispositivo, e ao redor ficam as paletas de componentes e o 
painel de propriedades. É aí que você arrasta itens como botões, imagens e textos 
para montar a interface. 
http://kodular.io
 
Já a tela de Blocos é onde você “programa” o funcionamento do app. Nessa parte, 
você monta a lógica do aplicativo encaixando blocos coloridos de eventos e ações. 
Por exemplo, você pode usar um bloco de evento que diz “Quando Botão1 for 
clicado, faça algo”. Dentro desse bloco, adicionamos outros blocos (como “mudar o 
texto de um rótulo”) para definir exatamente o que acontece quando o botão for 
tocado. 
 
Componentes básicos 
No Designer, você escolhe componentes prontos para o seu app. Por exemplo, 
temos Botão, Rótulo (texto), Imagem, Caixa de Texto, Som, e muito mais. Cada 
componente tem uma função especial: 
● Botão: cria um botão clicável na tela. Serve para o usuário tocar e “disparar” 
alguma ação no app (por exemplo, mostrar uma mensagem). 
 
● Rótulo/Legenda (Label): exibe um texto fixo na tela (como “Bem-vindo!”). 
Você pode mudar a fonte, cor e tamanho dele. 
 
● Imagem: mostra uma foto ou desenho. Ótimo para ícones ou ilustrações no 
app. 
 
● Caixa de Texto: um campo em que o usuário pode digitar algo (como nome 
ou resposta a uma pergunta). 
 
● Som (Player de áudio): toca sons ou músicas. Você pode programar para 
ouvir um áudio quando acontecer algo (como tocar um sino quando clicar no 
botão). 
 
Após arrastar cada componente para a tela, você clica nele e ajusta suas 
propriedades no painel à direita (cor, texto, imagem do arquivo, tamanho, etc.). 
Assim, cada item do app fica do jeitinho que você quiser! 
Passo a passo: crie um app simples 
Siga estes passos para fazer um aplicativo básico, em que um botão muda o texto 
de um rótulo: 
1. Crie um novo projeto: no Kodular Creator, clique em “Create Project” e dê 
um nome para ele (por exemplo, MeuApp). Em seguida, clique em Next e 
Finish para abrir as telas Designer e Blocos. 
 
2. No Designer: arraste um componente Rótulo (label) para a tela do celular 
virtual. Clique nele e, em Propriedades, defina o texto inicial (por exemplo, 
“Olá!”). Depois, arraste um componente Botão e posicione-o. Mude o texto 
do botão para algo como “Clique aqui”. Você acabou de criar a interface: um 
texto e um botão! 
 
3. Vá para a aba Blocos: observe que agora temos dois componentes: Label1 
e Button1 (ou o nome que você der). Encontre o bloco de evento “when 
Button1.Click” e arraste-o para o espaço em branco. Esse bloco significa 
“quando o Button1 for clicado, então…”. 
 
4. Monte a lógica: dentro do bloco de evento do botão, coloque outro bloco de 
ação. Por exemplo, escolha o bloco “set Label1.Text to” e encaixe dentro do 
evento do botão. Preencha com o texto que você quiser (por exemplo, “Você 
clicou!”). Assim, o código em blocos fica: “Quando Button1 for clicado, 
definir o texto do Label1 para ‘Você clicou!’”. 
 
5. Teste no celular: baixe o app Kodular Companion na Play Store do 
Android. De volta no Creator, clique em Test > Connect to Companion. Um 
QR code aparecerá; use o Companion no celular para escaneá-lo. Pronto! 
Você verá seu aplicativo no celular enquanto mexe nos blocos. Toda vez que 
apertar o botão, o texto mudará como você programou. 
 
Dicas de uso e cuidados 
● Salvar o projeto: lembre-se de salvar frequentemente! Clique no ícone de 
salvar para guardar seu trabalho. Assim você evita perder as mudanças caso 
o computador desligue. 
 
● Testar no celular: use sempre o Kodular Companion para testar seu app no 
telefone em tempo real. É legal ver seu app funcionando no celular! 
 
● Evitar erros comuns: dê nomes diferentes aos componentes (como Botao1, 
Botao2, Label1) para não se confundir. Verifique se todas as propriedades 
estão preenchidas (por exemplo, não deixe um rótulo em branco). Se algo 
não funcionar, revise os blocos passo a passo para achar o erro. 
 
Ideias criativas e curiosidades 
Vários aplicativos educativos, de jogos e ferramentas já foram criados com o 
Kodular. Curiosidade: o Kodular foi inspirado no App Inventor, uma plataforma do 
MIT (EUA), e até tem uma lojinha própria de apps feitos na ferramenta. Pesquisas 
mostram que crianças podem aprender programação a partir dos 6 anos, então 
você também consegue se divertir aprendendo com o Kodular! Use sua imaginação 
e crie, por exemplo: 
● Jogo de adivinhação: desafie o usuário a acertar um número ou uma 
palavra secreta. 
 
● Quiz divertido: um questionário sobre seus filmes, desenhos ou matérias 
favoritos. 
 
● Diário fotográfico: um app para colecionar fotos e anotações do dia a dia. 
 
● História interativa: crie um livro digital em que o leitor escolhe o final da 
história. 
 
Recursos extras 
● Kodular Creator (site oficial) – ambiente online para criar apps Kodular. 
 
● Documentação Kodular – tutoriais e guia de componentes (em inglês). 
 
● Fórum da Comunidade Kodular – tire dúvidas e veja projetos de outros 
usuários. 
 
● App Inventor (MIT) – plataforma semelhante que inspirou o Kodular. 
 
● Vídeos Tutoriais: Pesquise no YouTube por tutoriais de Kodular em 
português (ex.: “Curso Kodular Iniciante”) para aulas passo a passo. 
 
https://creator.kodular.io/
https://docs.kodular.io/
https://community.kodular.io/
https://appinventor.mit.edu/
O que é o Scratch? 
Scratch é uma plataforma gratuita criada pelo MIT para ensinar 
programação de forma visual, criativa e acessível. Em vez de digitar 
códigos, os usuários encaixam blocos coloridos que representam 
ações e comandos, como montar um quebra-cabeça. 
Para que serve o Scratch? 
Com o Scratch, é possível criar jogos, animações, histórias interativas e projetos 
educativos. Ele ajuda a desenvolver o raciocínio lógico, criatividade e os primeiros 
conceitos de programação, como sequência, repetições, condições e variáveis. 
Como funciona? 
Você usa personagens chamados 'sprites', que podem se mover, falar, tocar sons e 
interagir com o cenário. 
Na área de blocos, é possível arrastar comandos como mover, esperar, repetir, 
detectar toques e muito mais. 
 
 
 
 
Criando um “app” no Scratch 
1. Acesse a plataforma 
● Vá até https://scratch.mit.edu. 
 
● Clique em “Criar” no topo da página. 
 
● (Opcional) Faça login ou crie uma conta para salvar seus projetos. 
 
2. Configure seu projeto 
● Dê um nome ao seu projeto (ex: “Meu App de Reciclagem”). 
 
● Apague o gato (sprite padrão) se quiser e adicione os seus próprios 
personagens. 
3. Adicione os personagens (sprites) 
● Clique em “Escolher um sprite” para adicionar botões, imagens ou 
personagens. 
 
● Você pode usar: 
 
○ Um botão que, quando clicado, abre uma pergunta. 
 
○ Um personagemque explica algo. 
 
○ Imagens como ícones de app. 
 
4. Monte o cenário 
● Clique em “Escolher um plano de fundo”. 
 
https://scratch.mit.edu/
● Escolha um ambiente que combine com o tema do seu app (ex: natureza, 
sala de aula, etc.). 
 
5. Programe com blocos 
● Clique em um sprite e use os blocos para programar: 
 
○ Vá até a aba “Eventos” e use o bloco: 
 quando bandeira verde clicada 
 
○ Em seguida, adicione blocos de “Aparência” como: 
 diga "Olá! Vamos aprender a reciclar?" por 2 segundos 
 
○ Use blocos de controle, sensores e condições para criar interatividade 
(ex: quizzes, menus, respostas). 
 
6. Teste seu app 
● Clique na bandeira verde para iniciar. 
 
● Veja se os botões funcionam, os textos aparecem e os personagens reagem 
como esperado. 
 
7. Salve e compartilhe 
● Clique em “Arquivo > Salvar agora”. 
 
● Se estiver logado, clique em “Compartilhar” para publicar seu projeto online. 
 
Curiosidades: 
 - Foi lançado em 2007 
- Usado em mais de 150 países 
- Tem uma comunidade online onde é possível compartilhar seus projetos com o 
mundo. 
 
	Kodular: O que é? 
	Como acessar e criar uma conta 
	Telas principais: Designer e Blocos 
	Componentes básicos 
	Passo a passo: crie um app simples 
	Dicas de uso e cuidados 
	Ideias criativas e curiosidades 
	Recursos extras 
	Criando um “app” no Scratch 
	1. Acesse a plataforma 
	2. Configure seu projeto 
	3. Adicione os personagens (sprites) 
	4. Monte o cenário 
	5. Programe com blocos 
	6. Teste seu app 
	7. Salve e compartilhe