WebFit was initially thought for the subject of Systems Analysis and Design, and consists of a site that is used by customers of a fictitious gym

Overview

WebFit - Um site para academia

Sobre o site

O WebFit foi pensado inicialmente para a matéria de Análise e Projeto de Sistemas, e consiste em um site que é utilizado pelos clientes de uma academia fictícia. É possível se cadastrar/fazer login e então acessar a funcionalidade de realizar check-in na academia e com isso agendar as atividades que serão realizadas no dia. A academia não limita a quantidade de atividades que o usuário faz por dia, nem quantas vezes essa atividade é repetida durante a semana.

O site possui as seguintes pastas:

Pastas Descrição
css Contém todos os arquivos CSS do site
img Contém todas as imagens
js Contém todos os arquivos JavaScript
php Possui alguns arquivos PHP que não são os principais, apenas conexões com o banco e arquivos auxiliares
Arquivos soltos Principais arquivos do site (Páginas do site, criação do banco de dados e logout)

Como o banco de dados funciona

  • Antes de tudo, é necessário fazer um cadastro com nome, CPF, endereço, email e senha.

  • Após o cadastro deve-se fazer o login.

  • Somente assim é possível ter acesso ao painel de atividades, que é onde pode-se adicionar as atividades da semana.

  • As atividades são armazenadas no banco, e é possível removê-las.

  • Na tela de perfil é possível visualizar as informações de nome, cpf, email e endereço cadastradas e alterar a senha.

  • Não é possivel fazer login sem antes ter feito um cadastro, e não é possível acessar o agendamento de atividades sem estar logado.

  • Se deslogar, o usuário retorna a página de boas vindas aos visitantes.

Informações adicionais

  • É conferido o CPF para ser válido

  • As senhas são armazenadas com criptografia md5 e não podem ser visualizadas por motivos de segurança

  • Existem duas tabelas no banco de dados e elas se relacionam (Users, Atividades)

  • Os arrays superglobais $_SERVER, $_COOKIE, $_SESSION, $_GET, $_POST foram todos utilizados na confecção do site

  • No início de cada página é realizada uma verificação de login do usuário, contribuindo para a segurança do site

Imagem que mostra as atividades semanais de um usuário

image

O CSS

  • Foi utilizado bootstrap 3 para realização do CSS.

  • Alguns arquivos possuem a tag