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.

 

CURSO PROFISSIONALIZANTE DE INFORMÁTICA

Curso Técnico Profissionalizante Completo em Informática - Windows 10 - Word - Excel - Access- PowerPoint - Photoshop - Redes - Lógica de Programação - Delphi - VB.NET São 68 Cursos - 3440 Vídeo Aulas - 396:07 horas 68 Certificados de Conclusão e Acesso Vitalício

Domine Todos os Recursos de Informática Exigidos pelo Mercado de Trabalho, Através de Exemplos Práticos, Completos e Úteis, Detalhadamente Explicados - Passo a Passo

Para Todos os Detalhes, Acesse:     https://juliobattisti.com.br/informatica-curso-completo-1v.asp