App Inventor. App Inventor Exercício 1 Cálculo Do Imc

APP INVENTOR – criando aplicativos
---------------------------------------------------------------------------------------------------------------------- PROJETO 2 – IMC – parte 1
APP INVENTOR
APP INVENTOR
Exercício 1
Cálculo do IMC
APP INVENTOR Página 1

01-) Abra sua seção do APP INVENTOR.
Clique aqui para

usar sua conta.
Digite o e-mail que você criou

para sua seção.
Clique em Log In
02-) Crie um novo projeto - PROJETO2_IMC.

Digite o nome do projeto e

clique em ok
03-) Altere as propriedades da

tela Screeen1.
Na tela de Design, vamos iniciar

alterando as propriedades da screen1
PROPRIEDADES ALTERADAS
ALINHAMENTO HORIZONTAL
CENTRO
ALINHAMENTO VERTICAL
CENTRO
NOME DO APP
IMC
COR DE FUNDO
BRANCO
ORIENTAÇÃO DA TELA
SENSOR
TÍTULO
Cálculo do índice de massa corporal

04-) Insira o componente legenda na Screen1.
05-) Altere as propriedades do

componente Legenda1.
TAMANHO DA FONTE
22.0
LARGURA
PREENCHER PRINCIPAL
TEXTO
CÁLCULO DO IMC
ALINHAMENTO DO TEXTO
CENTRO

06-) Insira o componente “Organização em Tabela” , no Visualizador. Este

componente está paleta Organização.
Importante: “arraste” o componente colocando-o abaixo da legenda.

componente Organização em
Tabela.
COLUNAS
3
ALTURA
AUTOMÁTICO
LARGURA
AUTOMÁTICO
LINHAS
4
Anotações:

08-) Resultado no Visualizador.
O importante é entender que este componente possui uma tabela 3x4 (três colunas e 4
linhas) que não estão visíveis.
Anotações:

09-) Dentro do componente “Organização em Tabela”, vamos inserir mais 05

componentes que são respectivamente:
Componente imagem, duas legendas e duas caixas de texto. Todos estão na
paleta Interface do usuário.
Observe que quando você “arrasta” o

componente para dentro da “Organização
em Tabela”, a marcação em azul
representa a célula da tabela. Fica fácil
então organizar outros componentes dentro
deste componente (Organização em
Tabelas).
Resultado com os componentes inseridos.


componente Imagem.
ALTURA
30 PERCENTUAL
LARGURA
30 PERCENTUAL
IMAGEM
IMC.JPG*
* A IMAGEM ESTÁ NA PASTA LANSCHOOL
RESULTADO NO VISUALIZADOR.
Anotações:


TAMANHO DA FONTE
15.0
TEXTO
PESO
ALINHAMENTO
CENTRO
Anotações:


TAMANHO DA FONTE
15.0
TEXTO
ALTURA
ALINHAMENTO
CENTRO


componente Caixa de texto1.
TAMANHO DA FONTE
15.0
LARGURA
PRRENCHER PRINCIPAL
DICA
Digite o Peso
ALINHAMENTO
CENTRO
Anotações:


componente Caixa de texto2.
TAMANHO DA FONTE
15.0
LARGURA
PRRENCHER PRINCIPAL
DICA
Digite a Altura
ALINHAMENTO
CENTRO
Anotações:

15-) Insira dois componentes Botão, abaixo do componente “Organização em

tabela”.

componente Botão1.
FORMA
ARREDONDADA
TEXTO
CALCULAR
CENTRO


componente Botão2.
FORMA
ARREDONDADO
TEXTO
NOVO CÁLCULO
CENTRO

18-) Para apresentar o resultado do cálculo do IMC, vamos inserir o

componente legenda ao lado da figura do coração.
19-) Altere as
propriedades do
componente Legenda.
ALTURA
10 PERCENTUAL
TAMANHO DA FONTE
16.0
TEXTO
EM BRANCO
CENTRO


20-)Na coluna de Componentes, renomeie alguns componentes conforme a

figura abaixo.
Anotações:

PROGRAMAÇÃO
Acesse a tela de programação. No canto superior

direito da tela, clique no botão Bloco.
A-) Selecione o bloco Variáveis. Vamos criar uma variável para armazenar o resultado
do cálculo do IMC. (“arraste” o bloco para a área de programação)
B-) Selecione o bloco Matemáticas. Vamos inicializar esta variável que armazenara o
resultado do IMC com zero. (“arraste” o bloco para a área de programação)

C-) Na área de programação vamos unir os blocos e declarar um nome para a variável.
D-) Selecione o bloco CALCULAR na área de blocos, em seguida “arraste” o bloco

“Quando CALCULAR.Clique ... “ para a área de programação.
Lógica da programação: após digitar o peso e a altura, o “clique” no botão “CALCULAR”,

fará o cálculo do IMC.
Anotações:

E-) Selecione mais uma vez o bloco Variáveis. Selecione o bloco “Ajustar ... para”.
(“arraste” o bloco para a área de programação)
F-) Selecione o bloco CALCULAR na área de blocos, em seguida “arraste” os blocos

“DIVISÃO e POTENCIAÇÃO“ para a área de programação.
Lógica da programação: a fórmula para o cálculo do IMC e:
IMC = PESO / ALTURA2 (peso dividido pela altura elevado ao quadrado).
Então precisamos modelar está fórmula com os blocos.

Como está a nossa área de programação.
Vamos “ligar” os blocos da seguinte forma:

Ajustar para o resultado a divisão do peso pela altura ao quadrado.
Agora precisamos das caixas de texto onde foram digitados o peso e a altura
respectivamente para completar o cálculo.
G-) Selecione o bloco DIGITA_PESO na área de blocos, em seguida “arraste” o bloco

“DIGITA_PESO.TEXTO” para a área de programação.

H-) Selecione o bloco DIGITA_ALTURA na área de blocos, em seguida “arraste” o bloco

“DIGITA_ALTURA.TEXTO” para a área de programação.
Área de programação
Encaixando os blocos.

H-) Selecione o bloco MATEMÁTICA na área de blocos, em seguida “arraste” o bloco que
permite entrar com um valor numérico.
Área de programação.
Encaixando os blocos e digitando o número 2 no bloco matemático que recebe um valor

numérico.
Botão CALCULAR programado para calcular o IMC.
Agora precisamos apresentar o resultado do cálculo.

H-) Selecione o bloco RESULTADO na área de blocos, em seguida “arraste” o bloco

“AJUSTAR RESULTADO.TEXTO PARA ...” para a área de programação.
I-) Selecione o bloco VARIÁVEL na área de blocos, em seguida “arraste” o bloco

“OBTER ...” para a área de programação.
Área de programação.

Encaixando os blocos para mover o resultado armazenado na variável para a legenda

com o nome de RESULTADO.
Programação completada do botão CALCULAR
Programação do Botão – NOVO CÁLCULO.
PROGRAMAÇÃO COMPLETA

App Inventor. App Inventor Exercício 1 Cálculo Do Imc

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

App Inventor. App Inventor Exercício 1 Cálculo Do Imc

Hochgeladen von

Copyright:

Verfügbare Formate

APP INVENTOR – criando aplicativos

---------------------------------------------------------------------------------------------------------------------- PROJETO 2 – IMC – parte 1

APP INVENTOR Página 1

01-) Abra sua seção do APP INVENTOR.

Clique aqui para

Digite o e-mail que você criou

02-) Crie um novo projeto - PROJETO2_IMC.

APP INVENTOR Página 2

Digite o nome do projeto e

03-) Altere as propriedades da

Na tela de Design, vamos iniciar

APP INVENTOR Página 3

04-) Insira o componente legenda na Screen1.

05-) Altere as propriedades do

APP INVENTOR Página 4

06-) Insira o componente “Organização em Tabela” , no Visualizador. Este

07-) Altere as propriedades do

APP INVENTOR Página 5

08-) Resultado no Visualizador.

APP INVENTOR Página 6

09-) Dentro do componente “Organização em Tabela”, vamos inserir mais 05

Observe que quando você “arrasta” o

Resultado com os componentes inseridos.

APP INVENTOR Página 7

10-) Altere as propriedades do

* A IMAGEM ESTÁ NA PASTA LANSCHOOL

APP INVENTOR Página 8

11-) Altere as propriedades do

APP INVENTOR Página 9

12-) Altere as propriedades do

APP INVENTOR Página 10

13-) Altere as propriedades do

APP INVENTOR Página 11

14-) Altere as propriedades do

APP INVENTOR Página 12

15-) Insira dois componentes Botão, abaixo do componente “Organização em

16-) Altere as propriedades do

APP INVENTOR Página 13

17-) Altere as propriedades do

APP INVENTOR Página 14

18-) Para apresentar o resultado do cálculo do IMC, vamos inserir o

APP INVENTOR Página 15

APP INVENTOR Página 16

20-)Na coluna de Componentes, renomeie alguns componentes conforme a

APP INVENTOR Página 17

Acesse a tela de programação. No canto superior

APP INVENTOR Página 18

D-) Selecione o bloco CALCULAR na área de blocos, em seguida “arraste” o bloco

Lógica da programação: após digitar o peso e a altura, o “clique” no botão “CALCULAR”,

APP INVENTOR Página 19

F-) Selecione o bloco CALCULAR na área de blocos, em seguida “arraste” os blocos

APP INVENTOR Página 20

Como está a nossa área de programação.

Vamos “ligar” os blocos da seguinte forma:

G-) Selecione o bloco DIGITA_PESO na área de blocos, em seguida “arraste” o bloco

APP INVENTOR Página 21

H-) Selecione o bloco DIGITA_ALTURA na área de blocos, em seguida “arraste” o bloco

APP INVENTOR Página 22

Encaixando os blocos e digitando o número 2 no bloco matemático que recebe um valor

Botão CALCULAR programado para calcular o IMC.

Agora precisamos apresentar o resultado do cálculo.

APP INVENTOR Página 23

H-) Selecione o bloco RESULTADO na área de blocos, em seguida “arraste” o bloco

I-) Selecione o bloco VARIÁVEL na área de blocos, em seguida “arraste” o bloco