Buscar

Aula 02 App Inventor

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 3, do total de 12 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 6, do total de 12 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 9, do total de 12 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Prévia do material em texto

Introdução 
Nesta aula você irá aprender como utilizar o App Inventor para criar um aplicativo que 
calcula o Índice de Massa Corporal (IMC). O IMC é um índice que é calculado a partir 
do peso e da altura de uma pessoa. 
Este é um aplicativo com uma complexidade um pouco maior do que os aplicativos 
que aprendemos a implementar até agora pois exige pedir dados do usuário, fazer um 
cálculo e exibir o resultado na tela. 
Vamos começar? 
 
Como calcular o IMC? 
O IMC é calculado dividindo o peso (em quilogramas) pela altura (em metros) elevado 
ao quadrado. 
Se você quiser calcular seu IMC, é bem simples. Vamos ver alguns exemplos. 
Se o peso de uma pessoa for 80kg e sua altura 1,80m, veja abaixo como fazer o calculo 
do seu IMC. 
IMC = 80 ÷ (1,80 * 1,80) 
IMC = 80 ÷ 3,24 
IMC = 24,69 
De acordo com a tabela de IMC, a pessoa está no seu peso ideal! 
Vamos ver outro exemplo. Digamos que uma pessoa pesa 70kg e mede 1,50m, o 
cálculo do IMC será: 
IMC = 70 ÷ (1,5*1,5) 
IMC = 70 ÷ 2,25 
IMC = 31,11 
De acordo com a tabela de IMC, esta pessoa está com obesidade de nível 1. 
 
Tabela IMC 
Você pode utilizar a tabela abaixo para consultar a classificação de seu Índice de Massa 
Corporal. 
 
Tabela 1. Situação IMC. Fonte: http://www.calculoimc.com.br/tabela-de-imc/ 
 
Na tabela abaixo, você poderá encontrar o seu IMC de acordo com sua altura e peso. 
As cores da tabela indicam as classificações da tabela 1. 
 
Tabela 2. Tabela IMC. Fonte: http://www.calculoimc.com.br/tabela-de-imc/ 
 
As telas do programa IMC 
 
 
 
Para realizar o cálculo do IMC, o usuário precisa inserir o seu peso e a sua altura. Logo, 
precisamos de uma interface para isso. A imagem abaixo mostra como deve ser a tela 
do aplicativo a ser desenvolvido. O aplicativo vai ler o peso e a altura, irá realizar o 
cálculo e irá mostrar para o usuário o valor do IMC e o diagnóstico. 
 
Agora vamos criar nossa interface no App Inventor. Adicione: 
• Uma label “Digite o peso”para a entrada do peso e renomeie para "legendaPeso"; 
• Uma label “Digite a altura” para a altura e renomeie para "legendaAltura"; 
• Um textbox (caixa de texto) para a entrada do peso e renomeie para "valorPeso"; 
• Um textbox (caixa de texto) para a entrada da altura e renomeie para "valorAltura"; 
• Um botão para calcular o valor do IMC e renomeie para "calcularIMC"; 
• Uma label “Valor do IMC” para apresentar o valor do IMC e renomeie para "valorIMC"; 
• Uma label “Diagnóstico” para apresentar o diagnóstico e renomeie para "diagnostico". 
Organize sua interface de modo a ficar igual ao apresentado na Figura abaixo. 
 
 
 
 
Programando o IMC 
Agora, vamos acessar o ambiente de programação, selecionando a opção Blocos, para 
editarmos os blocos de programação. 
Vamos começar montando a fórmula do IMC. Para isso, vamos acessar a categoria 
Matemática e selecionar as seguintes peças: 
• MATEMATICA: 01 numérica 
• MATEMATICA: 01 divisão 
• MATEMATICA: 01 potenciação 
 
 
 
Juntando blocos 
Junte o bloco valorAltura e o bloco numérico, com o valor 2, dentro do bloco de 
potenciação: 
 
Depois coloque tudo dentro da segunda peça do bloco divisão: 
 
Encaixe a peça valorPeso na primeira abertura: 
 
E coloque tudo dentro da peça procedimento-resultado: 
 
Altere a palavra “procedimento” do bloco procedimento-resultado para a palavra 
“IMC”: 
 
 
 
 
Acesse a categoria PROCEDIMENTOS e selecione a seguinte peça: 
• PROCEDIMENTOS: 01 procedimento-resultado 
 
 
Acesse o componente valorPeso e selecione a seguinte peça: 
• VALORPESO: 01 texto 
 
 
 
Acesse o componente valorAltura e selecione a seguinte peça: 
• VALORALTURA: 01 texto 
 
Montando os intervalos 
O próximo passo é montar os intervalos para comparar o resultado do IMC. Vimos na 
Tabela 1 desta aula que existem vários intervalos. 
Acesse a categoria LÓGICA e selecione a peça verde: 
• LÓGICA: 01 E 
Volte em MATEMÁTICA e pegue as seguintes peças: 
• MATEMÁTICA: 01 numérica 
• MATEMÁTICA: 01 numérica 
• MATEMÁTICA: 02 comparação 
Acesse a categoria PROCEDIMENTOS e selecione a seguinte peça: 
• PROCEDIMENTOS: 02 chamar-IMC 
Nesse momento teremos os seguintes blocos: 
 
 
Vejamos o segundo intervalo da tabela, que compreende estar entre 17 e 18.49. 
Vamos usar estas informações para atribuir valores aos blocos de comparação. Assim, 
precisaremos de 2 blocos para definir este intervalo: um para quando o IMC for maior 
ou igual a 17 e outro para quando o IMC for menor que 18.5. 
 
 
 
Junte os dois conjuntos na peça verde E: 
 
 
 
Agora é só copiar o bloco e ajustar para os demais intervalos. Para copiar um bloco, 
basta clicar sobre ele com o botão direito do mouse e selecionar a opção “duplicar”. 
Não esqueça de deixar um bloco para comparar valores menores que 17 e outro para 
valores maiores ou iguais a 40 que são, respectivamente, o primeiro e o último 
intervalo da Tabela 1. O resultado fica assim: 
 
 
 
 
 
 
Neste momento você está com as seguintes peças: 
 
 
 
Exibindo o diagnóstico 
Feito isso vamos agora vamos montar os blocos para exibir o diagnóstico de acordo 
com o valor encontrado para o IMC. 
Para isso, busque um bloco na categoria TEXTO para inserção de texto e um bloco 
“ajustar texto” da legenda DIAGNOSTICO: 
• TEXTO: 01 texto 
• DIAGNOSTICO: ajustar texto 
 
Você também poderia usar outro bloco de DIAGNOTISCO, como "ajustar altura", e 
mudar a opção “Largura” do bloco para “texto”. 
 
De acordo com a Tabela 1, os diagnósticos são “Muito abaixo do peso”, “Abaixo do 
peso”, “Peso normal”, “Acima do peso”, “Obesidade I”, “Obesidade II (severa)” e 
“Obesidade III (mórbida)”. Vamos então inserir estes textos nas peças TEXTO e depois 
encaixá-las nas peças diagnósticos. Após o encaixe, você pode ir duplicando as peças e 
alterando seus textos, de modo que fiquem assim: 
 
 
Agora vamos construir os conjuntos que analisarão os resultados. 
Acesse a categoria CONTROLE e selecione a seguinte peça: 
• CONTROLE: 01 se-então 
Acesse a categoria PROCEDIMENTOS e selecione a seguinte peça: 
• PROCEDIMENTOS: 02 chamar-IMC 
Acesse o BOTÃO calcularIMC e selecione a seguinte peça: 
• BOTÃO: 01 quando-clique 
Acesse a LEGENDA valorMC e selecione a seguinte peça: 
• valorIMC: 01 ajustar-texto 
 
 
No bloco se-senão, clique na imagem da engrenagem e adicione 6 blocos senão-se. 
Para fechar a janela que é aberta, basta clicar novamente na engrenagem. O resultado 
é um bloco com se-então e sete blocos senão-se conectados da seguinte forma: 
 
A primeira tarefa que o programa deverá fazer é verificar se o IMC é menor que 17. 
Logo vamos conectar o bloco “chamar-imc menor que 17” na primeira fenda de 
encaixe do bloco se-então: 
 
Se isso for verdadeiro então o indivíduo está na faixa de magreza “Muito abaixo do 
peso”. Logo vamos encaixar esta peça na fenda do então: 
 
Se for falsa a comparação, então o programa irá testar o próximo intervalo, e assim 
sucessivamente. Para isso, devemos ir encaixando os blocos para todos os intervalos. 
No final, seu bloco deve estar assim: 
 
Conecte a peça “chamar-IMC” na peça “ajustar valor-IMC” 
 
Por fim, insira tudo dentro da peça “quando-clique” de forma a ficar da seguinte 
forma: 
 
 
E agora vamos testar o programa e verificar se não há nenhum erro. Se acaso perceber 
que os resultados não são os esperados, volte na plataforma e verifique se todos os 
blocos estão corretos ou mesmo se não houve troca entre as funções. 
Exercício não pontuado: calculando IMC 
Agora é sua vez. Implemente o aplicativo que calcula o IMC como explicado nesta aula.

Outros materiais