Php – Controle Índice Massa Corporal. Parte 1

 

Objetivo:

 

O objetivo deste tutorial é de criar um sistema  para controle de ICM (Índice de Massa Corporal) que é muito importante para a nossa saúde, portanto, vamos utilizar a linguagem php e  banco de dados mysql para desenvolver um sistema que possibilite fazer o calculo, mas também vamos inserir mais alguns recursos, como cadastro básico de empresa, cadastro de usuários entre outros. Com isso você podera utilizar este sistema por exemplo em sua academia, neste tutorial irei ensinar a criar a interface gráfica para cadastro da empresa.

 

Pré-requisito:

 

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo informática básica e ter acompanhado os primeiros tutorias sobre php, porque, nestes são explicados como instalar  o pacote phptriad.

 

Nota:

 

A forma que irei ensinar a desenvolver o sistema será da maneira mais simples possível, assim qualquer pessoa que tenha conhecimento básico poderá criar o sistema, para isso basta seguir todos os tutorias a partir deste.

 

Bom, vamos começar o sistema criando a interface gráfica para cadastrar os dados da empresa, toda a interface vai ser bem simples, para cria-la teremos que utilizar um editor de PHP, sugiro utilizar o Php Editor para que você possa conseguir entre no site http://paginas.terra.com.br/informatica/php_editor ou procure em sites de busca utilizando “downloads phpeditor”.

 

Antes de iniciarmos a interface, partindo de que você já tenha instalado o phptriad dentro da unidade “c:” do seu computador, vamos criar uma pasta  com o nome “icm” para armazenas as páginas para isso faça o seguinte:

 

Dentro da unidade “C:” do seu computador, tera uma pasta chamada “Apache”, dentro da mesma outra chamada “htdocs” é dentro desta pasta que deva ser criado a pasta que daremos o nome “icm”.

 

Agora tendo um local para salvar as páginas do sistema, vamos começar a interface, a mesma ira conter  a relação de campos  simples conforme abaixo:

 

NOME:

 

CNPJ:

 

ENDEREÇO:

 

BAIRRO:

 

CIDADE:

 

CEP:

 

ESTADO:

 

TELEFONE:

 

No editor ao abri o mesmo já cria uma página em branco, vamos começar inserindo uma quebra de  linha e criando uma  tabela  centralizada  para inserir os campos definidos acima, abaixo o código da tabela:

 

<br><br><br><br>   <br>

<center>

<table border="1" bgcolor="#D0D0D0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="37%" id="AutoNumber2">

  <tr>

    <td width="100%" colspan="2">

    <p align="center"></td>

  </tr>

  <tr>

    <td width="100%" colspan="2">&nbsp;</td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%"></td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="100%" colspan="2">

</td>

  </tr>

</table>

</center>

 

Veja como deve ficar o código acima dentro do editor:

 

Tela 001

 

Agora, você deve inserir os nomes dos campos dentro de cada coluna conforme mostar o código baixo:

 

<br><br><br><br>   <br>

<center>

<table border="1" bgcolor="#D0D0D0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="37%" id="AutoNumber2">

  <tr>

    <td width="100%" colspan="2">

    <p align="center">Sistema Controle ICM - Cadastro Empresa</td>

  </tr>

  <tr>

    <td width="100%" colspan="2">&nbsp;</td>

  </tr>

  <tr>

    <td width="17%">Nome:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Cnpj:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Endereço:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Bairro:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Cidade:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Cep:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Estado:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="17%">Telefone:</td>

    <td width="83%"></td>

  </tr>

  <tr>

    <td width="100%" colspan="2">

</td>

  </tr>

</table>

</center>

 

Tela 002

 

Vamos colocar  as caixas de texto para que o usuário possa dar entrada com os registros, as mesmas devem ficar na próxima coluna ao lado de cada nome e também u titulo para tabela,  veja como deve ficar código abaixo:

 

<br><br><br><br>   <br>

<center>

<table border="1" bgcolor="#D0D0D0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="37%" id="AutoNumber2">

  <tr>

    <td width="100%" colspan="2">

    <p align="center">Sistema Controle ICM - Cadastro Empresa</td>

  </tr>

  <tr>

    <td width="100%" colspan="2">&nbsp;</td>

  </tr>

  <tr>

    <td width="17%">Nome:</td>

    <td width="83%"><input type="text" size="45" name="nome"></td>

  </tr>

  <tr>

    <td width="17%">Cnpj:</td>

    <td width="83%"><input type="text" size="45" name="cnpj"></td>

  </tr>

  <tr>

    <td width="17%">Endereço:</td>

    <td width="83%"><input type="text" size="45" name="endereco"></td>

  </tr>

  <tr>

    <td width="17%">Bairro:</td>

    <td width="83%"><input type="text" size="45" name="bairro"></td>

  </tr>

  <tr>

    <td width="17%">Cidade:</td>

    <td width="83%"><input type="text" size="45" name="cidade"></td>

  </tr>

  <tr>

    <td width="17%">Cep:</td>

    <td width="83%"><input type="text" size="15" name="cep"></td>

  </tr>

  <tr>

    <td width="17%">Estado:</td>

    <td width="83%"><input type="text" size="15" name="estado"></td>

  </tr>

  <tr>

    <td width="17%">Telefone:</td>

    <td width="83%"><input type="text" size="15" name="telefone"></td>

  </tr>

  <tr>

    <td width="100%" colspan="2"></td>

  </tr>

</table>

</center>

 

Note que cada uma das caixa possuem um nome para identica-las, ou seja, utilizando o atributo “name”, isso será muito importante para passar os registros para o script que terá a funçao de  armazenar os registros no banco de dados.

 

Tela 003

 

Agora, iremos inserir três botões, “cadastrar” que ao ser clicado vai chamar a página de script que terá a função de armazenar os registros no banco, “Limpar” que será um botão apenas para limpar todos os campos e um “Retornar” para voltar a página de menú de cadastro de empresa. Também vamos inserir um formulário para terminarmos, veja como deve ficar comleto o código:

 

<br><br><br><br>   <br>

<center>

<form method="POST" action="inserempresa.php">

<table border="1" bgcolor="#D0D0D0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="37%" id="AutoNumber2">

  <tr>

    <td width="100%" colspan="2">

    <p align="center">Sistema Controle ICM - Cadastro Empresa</td>

  </tr>

  <tr>

    <td width="100%" colspan="2">&nbsp;</td>

  </tr>

  <tr>

    <td width="17%">Nome:</td>

    <td width="83%"><input type="text" size="45" name="nome"></td>

  </tr>

  <tr>

    <td width="17%">Cnpj:</td>

    <td width="83%"><input type="text" size="45" name="cnpj"></td>

  </tr>

  <tr>

    <td width="17%">Endereço:</td>

    <td width="83%"><input type="text" size="45" name="endereco"></td>

  </tr>

  <tr>

    <td width="17%">Bairro:</td>

    <td width="83%"><input type="text" size="45" name="bairro"></td>

  </tr>

  <tr>

    <td width="17%">Cidade:</td>

    <td width="83%"><input type="text" size="45" name="cidade"></td>

  </tr>

  <tr>

    <td width="17%">Cep:</td>

    <td width="83%"><input type="text" size="15" name="cep"></td>

  </tr>

  <tr>

    <td width="17%">Estado:</td>

    <td width="83%"><input type="text" size="15" name="estado"></td>

  </tr>

  <tr>

    <td width="17%">Telefone:</td>

    <td width="83%"><input type="text" size="15" name="telefone"></td>

  </tr>

  <tr>

    <td width="100%" colspan="2">

<input type="submit" value="Cadastrar">

</form>&nbsp;<input type="button" value="Limpar">&nbsp;

    <form method="POST" action="acessoempresa.php">

<input type="submit" value="Retornar">

</form></td>

  </tr>

</table>

</center>

 

Tela 004

 

Tela 005

 

Conclusão:

 

Neste tutorial expliquei o objetivo do sistema, também criamos a interface gráfica para cadastro da empresa, definindo os campos a serem utilizados, bem como a inserção dos códigos passo a passo, tudo de forma bem objetiva e simples para facilitar o seu entendimento. Bons estudos e até a próxima parte.

 

ASP BÁSICO Cálculo de Frete Internacional com ASP e Access Sistema de Login com ASP 3.0 usando três camadas – Parte 1 Sistema de Login com ASP 3.0 usando três camadas – Parte 2 Sistema de Login com ASP 3.0 usando três camadas – Parte 3 Sistema de Login com ASP 3.0 usando três camadas – Parte 4 Sistema de Login com ASP 3.0 usando três camadas – Parte 5 Sistema de Login com ASP 3.0 usando três camadas – Parte 6 Sistema de Login com ASP 3.0 usando três camadas – Parte 7 Sistema de Login com ASP 3.0 usando três camadas – Parte 8 Sistema de Login com ASP 3.0 usando três camadas – Parte 9 Sistema de Login com ASP 3.0 usando três camadas – Parte 10 ASP 3.0 utilizando 3 camadas - Parte 1 ASP 3.0 utilizando 3 camadas - Parte 2 ASP 3.0 utilizando 3 camadas - Parte 3 COLDFUSION Criando um formulário em Flash usando o ColdFusion MX 7 FLASH - ACTIONSCRIPT Movimentar objeto – Parte 01 Movimentar objeto – Parte 02 Jogo – Acerte o Alvo Como Movimentar um Objeto utilizando Botões Exibir frases Aleatórias Ações Básicas do ActionScript Criando Botões com MovieClip no Flash Criando Links em Botões Flash Integrando Flash com Fireworks na Criação de Botões Interpolação Motion (Movimento) Interpolação Shape (Forma) Principais Eventos do Mouse (Flash/ActionScript) Criando Máscaras no Flash (Mask) Parte 1 Criando Máscaras no Flash (Mask) Parte 2 Galeria de Fotos Carregando Arquivos Externos (Flash e ActionScript) PHP BÁSICO Introdução ao PHP Lógica em PHP Trabalhando com Formulários HTML Utilizando Arquivos – Criando um Scrap Book Banco de Dados em Arquivos Texto PHP - Sistema de busca de preços - Parte 1 PHP - Sistema de busca de preços - Parte 2 PHP - Sistema de busca de preços - Parte 3 PHP - Sistema de busca de preços - Parte 4 PHP - Sistema de busca de preços - Parte Final Primeiros Scripts Guardando dados em memória Um pouco mais sobre variáveis Manipulando variáveis Estruturas de controle - Parte 1 Estruturas de controle - Parte 2 Estruturas de controle - Parte 3 Estruturas de controle - Parte 4 Estruturas de controle - Parte 5 Criação de Funções no PHP Funções – Um pouco mais Sobre Parâmetros - Parte 1 Funções – Um pouco mais Sobre Parâmetros - Parte 2 Funções – Alguns Truques Funções – Últimos Truques Arrays – Noções Básicas Arrays – Um pouco Mais Sobre Criação de Arrays

PHP COM BANCO DE DADOS Criando um Sistema Ficha Cadastral Clientes - Parte 1 Criando um Sistema Ficha Cadastral Clientes - Parte 2 Criando um Sistema Ficha Cadastral Clientes - Parte Final Controle Horarios Funcionários - Parte 1 Controle Horarios Funcionários - Parte 2 Controle Horarios Funcionários - Parte 3 Controle Horarios Funcionários - Parte 4 Controle Horarios Funcionários - Parte 5 Controle Horarios Funcionários - Parte 6 Controle Horarios Funcionários - Parte 7 Controle Horarios Funcionários - Parte 8 Controle Horarios Funcionários - Parte 9 Controle Horarios Funcionários - Parte 10 Controle Horarios Funcionários - Parte 11 Controle Horarios Funcionários - Parte 12 Controle Horarios Funcionários - Parte 13 - Conclusão Instalando o PHP no Windows XP Instalando o MySQL no Windows XP Sistema Controle Extintores -Parte 1 Sistema Controle Extintores -Parte 2 Sistema Controle Extintores -Parte 3 Sistema Controle Extintores -Parte 4 Sistema Controle Extintores -Parte 5 Sistema Controle Extintores -Parte - Conclusão PHP - Controle dos Correios - Parte 1 PHP - Controle dos Correios - Parte 2 PHP - Controle dos Correios - Parte 3 PHP - Controle dos Correios - Parte 4 PHP - Controle dos Correios - Parte 5 PHP - Controle dos Correios - Parte 6 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 2 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 3 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 4 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 5 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 6 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 7 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 8 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 9 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 10 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 11 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 12 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 13 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 14 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 15 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 16 JAVASCRIPT BÁSICO JavaScript Básico - Lição 1 JavaScript Básico - Lição 2 JavaScript Básico - Lição 3 JavaScript Básico - Lição 4 JavaScript Básico - Lição 5 JavaScript Básico - Lição 6 JavaScript Básico - Lição 7 JavaScript Básico - Lição 8 - Instruções If e Else JavaScript Básico - Lição 9 - Tópicos Diversos JavaScript Básico - Lição 10 - Objetos Math e Date JavaScript Básico - Lição 11 - Trabalhando com o objeto Browser JavaScript - Criando Seus Próprios Objetos JavaScript - Virtual Earth – Primeiro Passo JavaScript - Virtual Earth – Segundo Passo