Skip to content

Página web de cálculo de Volume de Oxigênio Máximo (VO2) e resultado baseado no rendimento físico da pessoa pela distância percorrida, idade e gênero.

Notifications You must be signed in to change notification settings

baakovi/Calculo-VO2-Max

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cálculo VO₂ Máximo

V = Volume

O₂ = Oxigênio

Max = Valor máximo

Quantidade máxima de oxigênio que o teu corpo pode efectivamente utilizar durante 1 minuto de atividade física. Medido em mililitros por quilograma de peso corporal por minuto.

Esse projeto irá demonstrar ao usuário a capacidade aeróbica máxima ou consumo máximo de oxigênio. É um indicador popular de eficiência física, sendo um ótimo potencial para atletas de resistência e até mesmo um indicador de saúde futura.


Detalhes do Projeto

Cálculo do volume de oxigênio máximo do usuário, retornando o cálculo e seu rendimento físico baseado na distância percorrida, sua idade e gênero, com valores de: Ótimo, Bom, Regular, Ruim e Péssimo.


Tecnologias Utilizadas

HTML5 CSS3 JavaScript JQuery PHP Apache Linux Ubuntu

Template

Página index do cáculo de VO2 Máximo

Output dos Resultados:

| Após o usuário inserir suas informações.

Página index com o output do resultados após o usuário inserir suas informações e apertar no botão 'Enviar'

| Output Final após Alterações e Implementações

Protótipo 2 e final do - Página index com o output do resultados após o usuário inserir suas informações e apertar no botão 'Enviar'

Experiência

  • Usei pela primeira vez uma requisição AJAX para obter os resultados do cálculo VO2 Máx e o rendimento do usuário após inserir as informações necessárias no formulário.

  • Refatoração de código e uso de variáveis com strings para evitar o desperdício.

  • Refatoração de código, diminuindo os if-else para um modelo de loop em PHP, usando o foreach.


Estudos e Anotações

O que é o Ajax?

Acrônimo para JavaScript assíncrono + XML. É uma forma de utilizar em conjunto algumas tecnologias, incluindo HTML ou XHTML, CSS, JavaScript, DOMl, XML, XSLT, e o mais importante: o objeto XMLHttpRequest.

Quando essas tecnologias são combinadas no modelo AJAX, as aplicações web que a utilizam são capazes de fazer rapidamente atualizações incrementais para a interface do usuário sem recarregar a página inteira do navegador. Isso torna a aplicação mais rápida e sensível às ações do usuário.

Neste método, o mais utilizado para isso é o JSON do que o XML devido às suas vantagens, como ser mais leve e ser parte do JavaScript, porém ambos são utilizados para obter informações do pacote no modelo AJAX.

O AJAX permite a troca de informações simultânea sem interferir com outras funções. Alguns exemplos de AJAX incluem: votar/avaliar algum produto online, preenchimento de formulários, canais de bate-papo, notificações de trending do Twitter.


XMLHttpRequest

Objeto que fornece funcionalidade ao cliente para transferir dados entre um cliente e um servidor. Ele oferece uma maneira fácil de recuperar dados de um URL sem ter que fazer uma atualização de página inteira. Isso permite que uma página da Web atualize apenas uma parte do conteúdo sem interromper o que o usuário esteja fazendo. XMLHttpRequest é usado constantemente na programação de AJAX.

Instância de XMLHttpRequest: var myRequest = new XMLHttpRequest();


json_encode

Retorna uma string contendo a representação JSON de value fornecido, transformando um valor em formato JSON. Os arrays não aceitam caracteres especiais, como acentos ou cedilha, tendo problemas de formatação de código caso deseje utilizá-los. Sempre que precisar transformar dados em uma string de texto JSON para enviar ou guardar, pode-se usar o json_encode.


PHP Foreach

Forma de iterar sobre matrizes (arrays), percorrendo sobrea a array. Funciona apenas com arrays e objetos, retornando um erro quando utilizado com outros tipos de expressões. A cada elemento de uma array, executa um bloco de ações definidas.

O que é uma array? No PHP, é um mapa ordenado, um tipo que relaciona valores a chaves. Portanto, é uma lista de valores que serão armazenados na memória. É um tipo de dado, assim como integer, float, string ou boolean, porém, ele pode armazenar mais de um valor relacionando-os a suas chaves. Resumindo, uma array é uma variável com a possibilidade de dentro dela possuir diversos valores, equivalente a um conceito de vetor ou matriz, que são conceitos mais complexos.

O que é iteração? Na programação, significa a repetição de uma ou mais ações. Cada iteração se refere a apenas uma instância da ação, ou seja, cada repetição possui uma ou mais iterações. Podemos considerar o PHP Foreach como um laço de repetição que realiza uma iteração dentro de uma array (for e while também utilizam de iterações).

O que é um laço de repetição? Recurso que permite executar mais de uma vez trechos de código de acordo com uma condição. O PHP possui quatro estruturas de laço de repetição: for, foreach, while, do-while. Também é possível criar laços de repetição com as estruturas do condicional if. Comumente conhecidos como Loop ou Looping, também considerados como estrtuturas de controle.

Em uma sintaxe básica do PHP Foreach, para cada iteração do laço de repetição, o valor do elemento atual do Array é atribuído ao valor $value. Consequentemente o ponteiro da array é movido um a um, até atingir seu último elemento.


Bibliografia

About

Página web de cálculo de Volume de Oxigênio Máximo (VO2) e resultado baseado no rendimento físico da pessoa pela distância percorrida, idade e gênero.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published