Página do IMC
Descrição
Avalie o peso de uma pessoa por meio do IMC utilizando as categorias por sexo da Tabela 1.
Tabela 1 - Relação das categorias do IMC por sexo.
| Status | IMC Mulheres | IMC Homens |
|---|---|---|
| Abaixo do Peso | < 19,1 | < 20,7 |
| Peso Normal | 19,1 - 25,8 | 20,7 - 26,4 |
| Marginalmente Acima do Peso | 25,8 - 27,3 | 26,4 - 27,8 |
| Acima do Peso Ideal | 27,3 - 32,3 | 27,8 - 31,1 |
| Obeso | > 32,3 | > 31,1 |
Para calcular o IMC é necessário realizar a seguinte razão entre peso e altura:
BMI = weight/height²Então, ao definir o peso e a altura como sendo respectivamente 200 e 1,5 o IMC será de 88,8888888889, logo, o status será Obeso para ambos os sexos. Para analisar mais exemplos veja a Tabela 2.
Tabela 2 - Conjunto de entradas e saídas para o cálculo do IMC.
| Entrada | Saída |
|---|---|
weight: 200height: 1,5sex: masculino | Obeso |
weight: 150height: 2sex: feminino | Obeso |
weight: 100height: 2sex: masculino | Peso Normal |
weight: 70height: 2sex: feminino | Abaixo do Peso |
Em termos de interface este IMC pode ser calculado conforme a Figura 1.
Figura 1 - Interface para calcular o IMC.
Quanto aos eventos, a Figura 2 mostra o que deve ser utilizado para calcular o IMC. A tecla Enter deve ser utilizada para calcular o IMC e a tecla Esc deve ser utilizada para limpar os campos.
Figura 2 - Eventos da calculadora de IMC.
Para estilizar o status final do IMC, a Figura 3 mostra as possíveis variações de estilos que podem ocorrer para cada status, enquanto que A Tabela 3 mostra as classes que devem ser utilizadas para cada status.
Figura 3 - Estilos da calculadora de IMC.
Tabela 3 - Estilo dos status do IMC baseado nas bordas, plano de fundos e cor de texto do Bootstrap.
| Status | BMI Woman | BMI Man | Classes (input#imc) |
|---|---|---|---|
| Abaixo do Peso | < 19,1 | < 20,7 | border border-warning bg-warning text-white |
| Peso Normal | 19,1 - 25,8 | 20,7 - 26,4 | border border-sucess bg-success text-white |
| Marginalmente Acima do Peso | 25,8 - 27,3 | 26,4 - 27,8 | border border-warning bg-warning text-white |
| Acima do Peso Ideal | 27,3 - 32,3 | 27,8 - 31,1 | border border-warning bg-warning text-white |
| Obeso | > 32,3 | > 31,1 | border border-danger bg-danger text-white |
Por fim, a Figura 4 mostra o que deve ser utilizado para validar o peso e a altura.
Figura 4 - Validador da calculadora de IMC.
