Visão geral

Apresentação da disciplina:
O PHP surgiu em meados de 1994 como um pacote de
programa CGI com o intuito de substituir alguns
comandos PEARL. A linguagem foi se desenvolvendo,
novos recursos sendo criados e hoje já é considerada
uma linguagem madura e confiável utilizada em
diversos sites com diferentes objetivos. É uma das
linguagens mais utilizadas na Web, pela sua facilidade
de implementação, suporte a testes automatizados,
open-source, gratuita e que conta com uma grande
comunidade de usuários. O crescimento cada vez mais
acelerado do mercado eletrônico e da utilização da
internet em geral continua exigindo mais profissionais
da área de tecnologia para implementar e manter
soluções on-line.

Objetivos:
Nesta unidade, veremos alguns dados sobre o mercado
da internet atualmente, a sua evolução e então
conheceremos as linguagem e recursos utilizados para
o desenvolvimento de um sistema Web. Focaremos
nossa atenção no PHP, mas também discutiremos
assuntos muito importantes que são relacionados ao
ambiente web como: HTML, CSS, JavaScript, AJAX e
banco de dados.
Conteúdo Programático:
Disciplina: PROGRAMAÇÃO EM HTML

 Conhecer o ambiente PHP e utilizar os comandos

da linguagem PHP conforme a solução web.
 Desenvolver e manter aplicações dinâmicas para
Internet com interface web, criando sites
dinâmicos com a linguagem PHP.
 Desenvolver scripts do lado servidor em PHP.
 Conhecer os conceitos, técnicas, comandos e
instruções no desenvolvimento de aplicações em
PHP.
 Revisão de Clientes/servidores/TCP
 Internet e Comércio Eletrônico
 Programação HTML e PHP
 Revisão/contextualização de programação de
computadores / PHP
 Metodologia:
Na unidade utilizaremos todos os recursos necessários
e disponíveis para o desenvolvimento da discussão do
conteúdo, sendo assim, faremos uso de:

 Textos da própria web-aula e de outros sites que

possam contribuir para a discussão;
 Vídeos que podem esclarecer ou aprofundar
determinados conteúdos;
 Avaliações virtuais onde será realizada a
verificação do aprendizado;
 Entre outros recursos que poderão ser utilizados
visando maior entendimento da matéria.

Avaliação Prevista:
Cada web-aula conterá uma avaliação virtual composta
de 5 questões (sendo assim, temos 2 web-aulas com 5
questões cada).

TECNOLOGIAS PARA APLICAÇÕES WEB

WEBAULA
Unidade I – Programação PHP
PARA INICIARMOS NOSSO CURSO VAMOS ASSISTIR
AS VIDEOAULAS 1 E 2.

O Plugin Silverlight está desabilitado ou não foi instalado em seu browser, faça o download
clicando aqui ou ative o mesmo.

O Plugin Silverlight está desabilitado ou não foi instalado em seu browser, faça o download
clicando aqui ou ative o mesmo.

E então? Vamos entender um pouco mais sobre o universo do

desenvolvimento Web.
Como vimos na vídeo-aula 2, uma página pode conter diferentes
linguagens, cada uma tem seu objetivo. Vamos conhecê-las um pouco
mais?
HTML

Farei uma breve introdução ao HTML neste curso de PHP, pois o mesmo
é essencial para compreendermos melhor este curso. Vocês terão uma
disciplina específica sobre HTML onde discutirão todos os detalhes,
inovações, etc.
Vamos conhecê-lo?
Um documento HTML (HyperText Markup Language) é um conjunto de
instruções para definir a estrutura de páginas web. O HTML não é
considerado uma linguagem de programação, pois ela apenas define a
apresentação do conteúdo. Por exemplo, com HTML não é possível criar
estruturas típicas de linguagens de programação como comandos IF,
while, etc.
Para definir a estrutura do documento, o HTML utiliza-se de tags
(marcações) que informam ao navegador como exibir o conteúdo,
estas tags consistem do sinal “” ("maior que").
De um modo geral, as tags aparecem em pares, por exemplo, Algum
Texto. Note que o símbolo que termina uma determinada marcação é
igual aquele que a inicia, antecedido por uma barra (/). Neste exemplo,
diz ao navegador que está sendo iniciado um novo parágrafo e indica
que este parágrafo terminou! Alguma tags não aparecem em pares,
como por exemplo, a tag que realiza uma quebra de linha no texto.

SAIBA MAIS
Existem diversas marcações (tags) HTML, para conhecê-las você pode
acessar <http://www.w3schools.com/html/html_intro.asp>

O HTML diferentemente do PHP não diferencia entre maiúsculas e

minúsculas (não é "case sensitive"). Então, por exemplo, a notaçãoé
equivalente aou.
Veja a seguir um exemplo de uma simples página HTML com diferentes
tags:
 Arquivo pagina.html
Para testar esta pagina basta abrir o bloco de notas, copiar e colar este
conteúdo e então salvar com o nome pagina.html, aí é só abri-la em
seu navegador!
CSS

Antes de comentarmos sobre o CSS navegue por diferentes páginas

deste linkhttp://www.mezzoblue.com/zengarden/alldesigns/.
Você percebeu que as páginas mesmo parecendo completamente
diferentes, apresentam o mesmo conteúdo? Isto é o CSS!
CSS (Cascading Style Sheets — Folhas de Estilos em Cascata) tem a
finalidade de dar uma forma de apresentação ao conteúdo do
documento HTML. Inicialmente as cores e tamanhos de fonte eram
definidos diretamente pelo HTML, assim não era possível separar o
conteúdo do documento de sua formatação. Na prática era difícil
realizar alterações no layout das páginas Web, pois esta formatação
estava “misturada” com o código HTML. Com o CSS é possível
modificar completamente a aparência de um site alterando
informações de apenas um arquivo CSS.
Vamos ver um exemplo! (Para simplificar a definição do CSS está na
mesma página que o HTML).

Arquivo css.html
A estrutura de formatação de estilos CSS é basicamente esta:
A palavra “seletor” corresponde a quais elementos HTML sofrerão as
alterações de layout e então definimos qual o valor para diferentes
propriedades, no exemplo anterior notamos várias formas de definir as
cores dos conteúdos para diferentes tags.
Execute o exemplo para visualizar!
Agora que já conhecemos um pouco sobre o HTML e o CSS, para
podermos testar as funcionalidades do PHP devemos preparar um
ambiente para praticarmos! Vamos lá?

Instalando o MySQL , Apache e PHP

Utilizaremos neste caso o WampServer, que instala e configura todos

os recursos necessários para executar nossos exemplos.
Devemos inicialmente fazer o download do WampServer em, ao clicar
em download visualizaremos as versões disponíveis. Escolha a
correspondente ao seu sistema, 32 ou 64 bits.
Uma nova janela será aberta, clique então na opção you can download
it directly
A instalação do WampServer é simples. Após ter realizado o download,
basta executar o aplicativo e seguir o Wizard para a instalação. A
primeira tela é a de boas-vindas, clique Next >.

É necessário concordar com os termos de licença:

Agora devemos configurar a pasta onde será instalado o programa. Se
preferir, é possível deixar a pasta que vem pré-configurada. Nós a
utilizaremos em nossos exemplos.
Após isso, o programa perguntará se deseja criar ícones na barra de
tarefas e no desktop, escolha o de sua preferência e clique em Next>.

Esta tela confirma as opções selecionadas, estando tudo ok, clique

em Install.
Uma tela de progresso será exibida, basta aguardar!

Após instalar todos os recursos, aparecerá a pergunta sobre qual

browser será utilizado, apenas clique em Abrir:
A próxima tela perguntará sobre as configurações do PHP mail, apenas
clique em Next>.

Com a opção selecionada, basta clicar em Finish para finalizar o

instalador
Ao finalizarmos, podemos notar que surgiu um ícone no canto inferior
direito da tela: , a cor verde indica que o servidor está online.
Clicando sobre o ícone, aparecem diversas opções:

É importante compreender as diferentes funcionalidades:

Localhost O browser padrão do sistema será aberto com a página
inicial do WampServer

phpMyAdmin O browser é aberto no phpMyAdmin, sistema que

utilizaremos para criar e gerenciar nosso banco de dados

wwwDirectory O Explorer é aberto na pasta em que devem ser colocados os

arquivos .php que criaremos

Apache Trata-se do nosso servidor web que processa as requisições

PHP. Ao selecionar esta opção exibe um sub-menu para
configurações adicionais

PHP Exibe um sub-menu para configurações adicionais do PHP

MySQL Exibe um sub-menu para configurações adicionais do banco

de dados MySQL

webGrind Executa o webGrind que permite avaliar o desempenho de

nosso sistema, para saber mais acesse o
sitehttps://github.com/jokkedk/webgrind

Start, Stop, Restart Estas opções permitem iniciar, parar ou reiniciar todos os
All Services serviços com apenas 1 clique. Utilize essa opção se for feita
alguma configuração adicional, ou se encontrar problemas na
execução de algum serviço

Put Online Se o computador for reiniciado e tivermos que executar o

WampServer a partir do menu Iniciar, devemos escolher esta
opção para colocar o WampServer online, a cor do ícone é
alterada de acordo com o status. Verde: online, Amarelo: em
transição, Vermelho: offline.
Para escrevermos nossos scripts PHP utilizaremos o Notepad++,
disponível para download em
<http://www.baixaki.com.br/download/notepad-.htm>. Para
quem não conhece, funciona como um “super” bloco de notas, gratuito,
fácil e rápido para executar e utilizar. Servirá muito bem para
trabalharmos e desenvolvermos nossos scripts PHP.
Para o desenvolvimento de sistemas mais avançados e complexos
existem IDEs (Ambientes de Desenvolvimento Integrado), os quais
devidamente configurados facilitam ainda mais a programação de
sistemas em PHP, a seguir temos uma lista com alguns exemplos:
CodeLobster – desenvolvida especialmente para criação de scripts
PHP em ambiente Windows, é muito leve e fácil de utilizar
Site: <http://www.codelobster.com/>
Licença: Free, a versão comercial possui recursos adicionais
ZendStudio - uma ferramenta completa para quem trabalha com PHP
(framework adaptado sobre o Eclipse)
Site: < http://www.zend.com/en/ >
Licença: Trial
Eclipse for PHP Developers - excelente ferramenta, altamente
customizável, leve e rápida. Existem outras versões do Eclipse
adaptadas para outras linguagens, você pode utilizar a versão padrão
e instalar um plugin para o PHP.
Site: <http://www.eclipse.org/>
Licença: Free
NetBeans - ótima ferramenta, muito utilizada na programação Java
por facilitar a criação de interfaces mais amigáveis, também pode ser
utilizada para o desenvolvimento de sites com PHP
Site: <http://netbeans.org/>
Licença: Free

Para testarmos o nosso servidor web, vamos clicar no ícone do

WampServer e escolher a opção www directory. O Windows Explorer
abrirá como na imagem a seguir. Crie uma pasta chamada exemplos:
Dentro dessa pasta, crie um novo documento de texto e renomeie para
texto.php. Atenção: os arquivos com scripts PHP devem ter a
extensão.php para serem processados corretamente pelo servidor
Apache.
Abra este arquivo com o Notepad++ (ou a ferramenta que preferir) e
insira o código a seguir:

Arquivo texto.php
Neste código, podemos observar a “mistura” de PHP com HTML. Da
linha 1 até a linha 6, e nas linhas 14 e 15, temos apenas código HTML.
O código PHP é sempre declarado entre as tags , linhas 7 a 13. Neste
exemplo, é possível visualizar também os 2 tipos de comentários que
podemos fazer em PHP. Na linha 11 temos o comando echo que
permite gerar texto para ser exibido no navegador.
Vamos testar?
Para executar este código, clique novamente no ícone do WampServer
e então em Localhost, a seguinte tela será exibida no navegador:

No final da página, temos o título Your Projects, clique na pasta

exemplos, e escolha o arquivo que acabamos de criar texto.php. Outra
forma de executar é ir diretamente no navegador e digitar
localhost/exemplos/texto.php
O resultado será:

Ao clicarmos com o botão direito do mouse e selecionarmos exibir

código fonte, veremos:

Por que não visualizamos o código em PHP?

Nenhuma parte do script em PHP é exibido no navegador. Isto porque
o servidor lê o código em PHP, interpreta e gera o HTML
correspondente, que então é enviado para o cliente, que é o
responsável por processar e exibir o código HTML.
Variáveis
Para declarar uma variável em PHP devemos iniciar o nome dela com
o símbolo $, seguido por letras ou _ (underscore). A linguagem PHP
é case-sensitive, o que significa que ela diferencia letras maiúsculas e
minúsculas, por exemplo, a variável x é diferente de X.
Vamos ver um exemplo de variáveis. Crie um arquivo chamado
variaveis.php com o código:

Arquivo variaveis.php
Neste script, visualizamos nas linhas 2 a 5 exemplos de atribuição de
valores para as variáveis. Nas linhas 7 e 8, temos a função gettype que
retorna o tipo da variável que o PHP reservou para a variável de acordo
com o valor que ela armazena.
Na linha 11, temos a função is_int que testa o tipo da variável. Similar
a esta temos outras como is_bool, is_string e is_float.

PARA SABER MAIS

O tipo booleano não é case sensitive, isto significa que para atribuir um
valor verdadeiro, por exemplo, tanto faz utilizar True ou TRUE ou true.

Veja agora a videoaula 3 onde discutiremos um pouco mais sobre

variáveis!

O Plugin Silverlight está desabilitado ou não foi instalado em seu browser, faça o download
clicando aqui ou ative o mesmo.

Array
é utilizado para armazenar vários elementos do mesmo tipo. Além
disso, podemos criar pares do tipo chave => valor, vejamos como
funciona:
Para definir um array somente com valores utilizamos:

Arquivo vetor1.php
Note que o índice do array inicia-se em 0, por isso na linha 3 é exibido
o valor 2!
Usando a forma chave => valor:

Arquivo vetor2.php

Constantes
Para definirmos uma constante em PHP devemos utilizar a estrutura:

Vejamos um exemplo:

Arquivo constante.php

FUNÇÃO
Para criarmos uma função em PHP basta utilizarmos a palavra
reservada function, segue a estrutura:
Vejamos um exemplo:

Arquivo funcao.php

OBJETOS
O PHP 5 oferece todos os recursos para o desenvolvimento de sites
utilizando programação orientada a objetos. Vejamos o exemplo de
declaração de uma classe, criação de uma instância e o acesso a
atributos e métodos:

Arquivo classe.php

SAIBA MAIS
O tema Orientação a Objetos é muito extenso, você pode estudar mais
em
<http://www.php.net/manual/pt_BR/language.oop5.php>
Operadores

A tabela a seguir exibe os principais operadores utilizados em PHP, sua

descrição e um exemplo. No decorrer do curso, veremos a utilização
destes operadores.

Estruturas de Controle
As estruturas de controle de uma linguagem de programação permitem
controlar o fluxo de execução de nossos programas. Vamos ver em PHP
como trabalhar com as estruturas condicionais (decisão) e com as
estruturas de repetição (loop).
IF
A instrução if é utilizada para tomada de decisão. Vejamos um
exemplo:
 Arquivo if.php
Este código mostra 3 tipos de utilização do IF. Na linha 5, temos um
teste que verifica se o valor da variávela é maior que b e então exibe
a mensagem. Na linha 9, temos o caminho alternativo do IF,
representado pelo comando else, quando a condição é falsa. Já na
linha 16, a estrutura mostra diversos elseif para testar diferentes
condições e exibir a mensagem correspondente.
Agora é com você! Altere os valores das variáveis para visualizar os
diferentes fluxos tomados pelo script.

WHILE
A estrutura de repetição while, assim como a estrutura if, também
trabalha com uma condição. A diferença entre as duas é que se a
condição for verdadeira para o if, ele executa o bloco uma vez e
nowhile, ele executa o bloco enquanto a condição for verdadeira. Veja
o exemplo:

Arquivo while.php
O bloco entre as chaves ficará executando até que a condição da linha
3 seja falsa. Veja que na linha 5 a variável i é incrementada em uma
unidade, o comando $i++ é equivalente a $i = $i + 1

FOR
A estrutura de repetição for executará o bloco de comandos com um
limite já pré-definido, vejamos sua estrutura:

Agora um exemplo que você poderá testar:

Arquivo for.php

FOREACH
Este tipo de iteração é muito utilizada em PHP, é um tipo
de for especial usado para estruturas do tipoArray. Veja:

Exemplo:

Arquivo foreach.php

SWITCH
Ao invés de utilizarmos sequencias de if-else podemos utilizar a
estrutura switch quando estamos testando o valor de uma variável,
percebam como o código utilizando switch fica bem mais claro do que
diversos if-else:
 Arquivo switch.php

AJAX + PHP
AJAX (Asynchronous JavaScript And XML) permite atualizarmos o
conteúdo de uma página sem precisar carregá-la toda novamente!
Vamos ver um exemplo para facilitar o entendimento do poder do
AJAX, precisaremos de 2 páginas, crie-as e então salve com o nome
especificado após o código-fonte:
 Arquivo ajax.php

Arquivo maiuscula.php
Abra o arquivo ajax.php em seu navegador e digite algum texto, note
que sem recarregar toda a página, a cada tecla digitada o arquivo
maiuscula.php é executado e então o texto em maiúsculo aparece na
outra caixa de texto. Atualmente quase todos os sites apresentam
conteúdo sendo exibido dessa forma, portanto é imprescindível que
qualquer desenvolvedor Web tenha conhecimentos de AJAX e utilize
estes recursos para tornar os sites mais dinâmicos.

Banco de dados

Antes de iniciarmos a integração do PHP com um banco de dados,

veremos alguns comandos básicos em SQL (Structured Query
Language) que utilizaremos quando estivermos trabalhando com
banco de dados. O SQL é uma linguagem padrão para acessar sistemas
de gerenciamento de banco de dados relacionais: inserindo,
atualizando, excluindo e selecionando suas informações. Todo banco
de dados precisa de tabelas para organizar os dados, vamos ver a
estrutura de como criar uma:

Exemplo:

Neste momento não se preocupe em testar estes scripts, mais tarde

quando começarmos o desenvolvimento do nosso sistema veremos na
prática a execução destes comandos. Preste atenção a estrutura desta
tabela, os outros comando SQL que veremos a são baseados nesta
estrutura.
Agora para inserirmos registros nesta tabela devemos usar o comando
INSERT vejamos:

Exemplo:
Perceba neste exemplo que não é obrigatório inserirmos valores em
todos os campos da tabela, na realidade no momento que criamos a
tabela podemos definir o que é obrigatório e o que não é!
Vamos agora atualizar estes dados, já que algumas informações não
foram completadas, com este objetivo devemos usar o comando
UPDATE:

Exemplo para atualizarmos o endereço e a cidade:

Para selecionarmos informações de um banco de dados utilizamos o

comando SELECT:

Exemplo para selecionarmos o nome dos clientes que vivem em

Londrina:

Vamos agora excluir este registro, a sintaxe do comando DELETE é:

Exemplo:

Observe que no exemplo acima utilizamos o campo nome e sobrenome

para encontrarmos o cliente para exclusão, isto é muito incomum em
sistemas reais, o que se costuma fazer é buscar o cliente por um código
(identificador) que seja único. Neste exemplo de exclusão, imaginando
que nosso sistema tenha diversos registros, ocorremos o risco excluir
mais de um cliente, isso se o nome e sobrenome destes clientes forem
o mesmo!
Agora para excluir toda a tabela devemos usar o comando DROP:

Exemplo:
SAIBA MAIS
As variações e combinações deste comando são imensas, para saber
mais você pode acessar o site:
< http://www.sql.org/ >.

AULA2

TECNOLOGIAS PARA APLICAÇÕES WEB

WEBAULA
Unidade I – Sistema Locadora
Sistema Locadora

Vamos criar um simples sistema que contará com a autenticação de

usuários e o gerenciamento dos veículos de nossa locadora. As páginas
que desenvolveremos servirão de exemplo para a criação das outras
páginas do sistema, como por exemplo, a que gerenciará a locação dos
veículos. Uma sugestão de tabela para esta funcionalidade será criada
juntamente com o script que executaremos para a criação das tabelas:
login e veículo. O nosso sistema utilizará o MySQL como banco de
dados, o PHP como a linguagem de servidor, veremos um comando
Javascript (linguagem executada pelo navegador) e claro que o HTML,
que é a base para a criação de páginas Web.
Veja agora a videoaula 4 para visualizar o funcionamento de nosso
sistema!

O Plugin Silverlight está desabilitado ou não foi instalado em seu browser, faça o download
clicando aqui ou ative o mesmo.

Relembrando, é muito importante que você execute as páginas

enquanto estuda os códigos. Vamos começar?
MySQL

Podemos ter acesso ao MySQL utilizando o phpMyAdmin. Assim, clique

no ícone do WampServer e então em phpMyAdmin. A seguinte tela será
exibida. Clique em Banco de Dados.

Crie um novo banco de dados com o nome ‘locadora’.

Após criado, ele aparecerá no menu lateral esquerdo. Clique em
locadora e então escolha SQL no menu superior.

Entre com o código a seguir e clique em executar.

Arquivo tables.sql
Este script SQL cria 3 tabelas que utilizaremos para nosso sistema de
locadora de carros.
Vamos carregar algumas informações no nosso banco de dados,
execute agora estes comandos SQL:

Arquivo insert.sql

PHP + MySQL

Para acessar um banco de dados em PHP, devemos utilizar o

comando mysql_conect e mysql_select_db, veja a seguir:

Arquivo conexao.php
Crie uma nova pasta com o nome locadora no
diretório www do WampServer. Salve esta página com o nome
conexao.php. Ao acessar localhost/locadora/conexao.php, se obtiver
uma página em branco, está correto! Caso algo dê errado, verifique o
nome de usuário e senha.
A variável $conn na linha 5 recebe a resposta de conexão com o banco
de dados. Variáveis deste tipo referenciam recursos criados que são
utilizados para acessar serviços ou objetos externos ao programa,
como por exemplo, captura de imagens, arquivos, acesso a banco de
dados, etc.
Como as páginas de nosso sistema precisarão conectar no banco de
dados para selecionar ou alterar informações, colocamos os dados de
conexão em um arquivo separado e então incluiremos este arquivo nas
nossas páginas. Esta prática impede a repetição do mesmo código em
diversas páginas e facilita a organização e atualização dos dados de
conexão.
Imagine se alterássemos a senha do banco de dados e então
tivéssemos que abrir cada página do site para alterá-la!
Agora que já configuramos a conexão para um banco de dados, vamos
criar nossa home. A página inicial de todo site em PHP deve possuir o
nome index.php, pois quando digitamos um endereço no navegador, o
servidor procurará na pasta o arquivo de nome index.php para exibi-lo
inicialmente.
Criaremos uma página bem simples, para facilitar o entendimento e
focar nas funcionalidades do PHP, não nos preocuparemos com o
design e nem com as informações que todo site deve apresentar. Nossa
simples página inicial tem o código:

Arquivo index.php
Perceba que esta página possui somente código HTML, nós não vemos
nenhuma tag php. Todas as páginasweb precisam do HTML para exibir
conteúdo, então o estudo de HTML é imprescindível para qualquer
desenvolvedor.
E este é o resultado:

Nosso sistema de locadora de carros será utilizado apenas por

funcionários, por isso esta página possui apenas um link para a página
de login do sistema, vamos criá-la então:
 Arquivo login.php
Aqui as coisas começam a ficar interessantes, vamos conhecer cada
trecho do código:

O comando require_once executa todo o código presente no arquivo

conexao.php nesta página, no momento que é chamado, este comando
é necessário pois nesta página nós trocaremos informações com nossa
base de dados.
O comando session_start() permite utilizarmos nesta página variáveis
de sessão, que são aquelas variáveis que podemos ler e gravar em
todas as páginas do site, veja a vídeo-aula 3 mais explicações sobre
este tipo de variável.

Esta condição testa se a variável “op” foi enviada pelo método post por
um formulário, como é a primeira vez que esta página é aberta, esta
condição é falsa e então o script PHP desvia a execução para a linha
27, que é onde se inicia o código HTML, vamos acompanhá-lo:

Este trecho contem a tagque indica ao navegador que está se iniciando

um código HTML, todo o cabeçalho está contido juntamente com a
marcaçãoque é o título que aparece na aba do navegador. A tagcontém
o “corpo” da página, é onde fica a maior parte do conteúdo exibido no
navegador.
Já conhecemos o código HTML até a linha 31, onde está a tag, vamos
para a linha 32 onde temos:

Veja que a parte com fundo branco é HTML enquanto o trecho com
fundo cinza é código PHP, neste linha o HTML seta a fonte do texto que
será exibido em vermelho enquanto o PHP exibirá alguma mensagem
se a variável $mensagem contiver algum valor. Este trecho nos
mostrará as mensagens de erro do formulário de login, para ver seu
funcionamento basta enviar a página sem preencher o campo login por
exemplo.
Continuando a análise, da linha 35 a 44 temos a declaração de um
formulário, vamos conhecer suas principais características:

A propriedade method é setada como post e então em action devemos

colocar qual página receberá os dados enviados pelo formulário, no
nosso caso usaremos a mesma página.
A marcação label delimita um texto que está associado a um campo do
formulário que neste caso é o login. Para exibirmos um campo de
entrada de dados do tipo texto em um formulário, devemos criar
um input do tipo text, colocar seu nome (será utilizado para receber o
valor quando o formulário for enviado), o tamanho de exibição da caixa
de texto (size), e a quantidade máxima de caracteres que o usuário
pode inserir (maxlength).

Nestas 2 linhas temos as mesmas características que o campo login,

perceba a diferença na propriedadetype que está setada
como password, dessa forma os caracteres digitados para senha são
substituídos por *.

Nesta linha criamos o botão que será utilizado para enviar o formulário,
a propriedade value é o conteúdo que será exibido no botão.
Após o envio do formulário a mesma página é chamada, porém a
condição agora será verdadeira, então vamos analisar o código php.

Na linhas 6 e 7 recebemos os valores de login e senha vindos do

formulário

Este trecho valida os valores de login e senha, se eles foram enviados

em branco a variável mensagem é carregada e então posteriormente
exibida na página.
Se os campos foram preenchidos, o programa entra no else e consulta
o banco de dados para verificar se a senha informada corresponde
aquele login. Inicialmente armazenamos na variável sql o comando
select
Para executar este select basta utilizar a função mysql_query que
precisa de 2 parâmetros, o primeiro é o comando SQL que será
executado e o segundo é a conexão – Lembram que criamos a variável
$conn quando incluímos o arquivo conexao.php!

A variável result recebe o retorno da função e então utilizamos o

comando mysql_fetch_assoc para gravar os valores retornados na
variável array $row, se não for possível significa que o login não foi
encontrado (veja a mensagem gerada associada ao else).

Se o login foi encontrado compara-se o valor retornado pelo banco com

o informado pelo usuário, se deu tudo certo o trecho a seguir será
executado, senão novamente o fluxo do programa segue o else como
e exibe ao usuário senha incorreta

Nesta linha gravamos a variável de sessão login com o login do usuário,

este variável será utilizada para autenticarmos os usuários nas outras
páginas de nosso sistema.

Se o login foi realizado com sucesso o usuário é redirecionado para a

página que lista os veículos.
Antes de criarmos a página que lista os veículos criaremos um script
para autenticar os usuários:
 Arquivo autenticacao.php
Nesta página temos um condicional que valida se a variável de sessão
login não existe, e então redireciona o usuário para a página de login.
Basta incluirmos este arquivo em todas as páginas que queremos que
apenas usuários logados possam visualizar, como por exemplo, a
página que lista os veículos cadastrados no sistema:

Segue o código:
 Arquivo veiculoLista.php

Vamos analisar o que temos de novo nesta página, na linha 16 aparece

a função mysql_num_rows que retorna a quantidade de linhas
encontradas por nossa consulta. A partir da linha 20 nós temos a
criação de uma tabela em HTML que organizará a listagem de veículos.
O marcadorinicia uma nova linha enquanto o seu correspondefecha a
linha. Já o marcadoré utilizado para as colunas. Note oele também é
utilizado para criar colunas, mas usado somente no cabeçalho,
o h significaheader.
Na linha 33 temos um exemplo prático do condicional switch visto
anteriormente. Aqui ele testa o valor da variável inteiro $tipo para
exibir corretamente o texto.
Nesta página podemos criar um novo veículo ou abrir um cadastro
existente, veja a linha:

O comando a href do HTML cria um link para uma página (veiculo.php).

Repare no ponto de interrogação colocado após escrevermos a página,
com ele podemos passar variáveis com valores associados para a
página que será aberta. Neste caso, estamos passando a variável $op
com o valor “abrir” e a variável $id com o código do veículo que veio
de nossa tabela do banco de dados. Quando passamos variáveis desta
forma estamos utilizando o método GET, ao contrário do método POST
utilizado em nossos formulários.
Vejamos agora a página veiculo.php, que é responsável pelo cadastro,
visualização, alteração e exclusão de um veículo:

Página veiculo.php em modo cadastro

Página veiculo.php em modo edição/exclusão

Segue o código:
 Arquivo veiculo.php
Vamos verificar cada parte desta página:

Inicialmente autenticamos o usuário e incluímos o arquivo de conexão

para o banco de dados.

Setamos a variável $op com o valor “novo”, este valor é carregado por
padrão nesta página, na linha seguinte testamos a existência de uma
variável $op passada pelo método GET (o método utilizado para passar
valores de variáveis pela URL). Se esta variável existe então tem que
ser do tipo “abrir” por ter vindo da página veiculoLista.php.
Se a variável não está setada pelo método GET testamos pelo método
POST (método utilizado para passar valores de variáveis por
formulários). Neste caso a variável $op pode assumir o valor “atualizar”
ou “cadastrar” dependendo de como nosso formulário foi aberto.
Veremos mais a frente ainda nesta análise.

Nesta parte testamos a variável excluir vinda pelo método POST

quando do envio do formulário, se ela foi postada então recuperamos
o id do registro que deve ser excluído, montamos a query e a
executamos em nosso banco de dados.

Este é o padrão de carregamento da nossa página, armazenamos o

valor “cadastrar” na variável $op, para quando enviarmos o formulário
sabermos qual o tratamento que devemos dar para os dados. Neste
trecho nós podemos inicializar as variáveis com valores padrão. Vamos
testar? Insira um valor na variável $nome e veja ela ser carregada ao
abrirmos nosso formulário

Este trecho é executado quando o formulário foi aberto como novo e

então os dados foram preenchidos e o botão enviar foi clicado!
Utilizamos a função trim para remover os espaços em branco antes e
depois da variável $nome, salvamos também o valor do $tipo e
validamos se a variável $nome contem algum valor. Se tudo estiver ok
inserimos este registro no banco.

Estes comandos são interpretados quando clicamos em abrir em um

dos veículos listados na página veiculoLista.php. Este comando SQL
buscará no banco de dados o nome e o tipo de veículo e então extrairá
os valores encontrados para as variáveis

Este último trecho de código PHP executa a atualização no banco de

dados, inicialmente recebe os valores postados, valida o campo nome
e então faz o update na base de dados, se a operação pode ser
executada corretamente redirecionará o usuário para a página
veiculoLista.php, senão exibirá uma mensagem de erro e carregará
novamente o formulário.
Agora vamos analisar alguns trechos do HTML, que ainda não vimos:

O marcador select cria uma lista de seleção para escolhermos um tipo

de veículo, note que testamos o valor de $tipo retornado para o banco
para imprimirmos “selected” este definirá qual dos itens de
nosso selectserá selecionado por padrão.

Este trecho exibe o checkbox para excluir o registro se a operação não

for cadastrar (não tem sentido mandarmos excluir um registro se ele
ainda não existe!)

Se a operação é atualizar necessitamos enviar qual o $id do registro

que está sendo alterado, para isso utilizamos um tipo especial
de input HTML que é o hidden (escondido), ele tem este nome pois não
aparece no formulário, o usuário não pode alterá-lo!

Da mesma forma passamos a nossa variável de controle $op.

Nesta linha temos um exemplo de código Javascript para voltarmos a

página que lista os veículos.
E assim finalizamos a análise de nossa página de cadastro.
A última página do nosso site é:
 Arquivo sair.php
Nesta página nós usamos o comando unset para removermos a
variável de sessão do usuário e dessa forma ele não possui mais
permissão para acessar as páginas protegidas do site. Após sair tente
acessar o endereço localhost/locadora/veiculoLista.php, você será
redirecionado diretamente para a página de login, o que não
aconteceria se você ainda estivesse logado.
Para concluirmos nosso curso, veja a videoaula 5.

O Plugin Silverlight está desabilitado ou não foi instalado em seu browser, faça o download
clicando aqui ou ative o mesmo.