UC –
Programação para a Internet
Docente: André Luiz Silva de Moraes
2º sem – Análise e Desenvolvimento de Sistemas
Roteiro 5: Introdução a linguagem PHP
•
•
•
Utilizar e testar aplicativos em servidores de páginas;
Explorar o uso da linguagem PHP para criação de páginas de internet;
Utilizar variáveis e inserir conteúdo dinâmico com uso da linguagem PHP;
Ferramentas Necessárias
NotePad ++, Xampp, Navegadores de internet
Aplicativos Servidores de página
No desenvolvimento de páginas de internet é comum o uso de diversas linguagens integradas para que as funcionalidades
necessárias estejam funcionando completamente. E no uso das linguagens de programação disponíveis existe uma divisão de
conceitos abrangendo as linguagens do tipo Lado do cliente (Client-Size) e Lado do servidor (Server-side) onde:
Lado cliente: consistem em linguagens que podem ser executadas diretamente no navegador do usuário sem depender de
conexões externas, como a internet, a exemplo das linguagens HTML, CSS, javaScript.
Lado Servidor: agrupa as linguagens que necessitam de um processamento prévio para que possam ser renderizadas no
navegador, este processamento prévio pode envolver consultas à bancos de dados, a arquivos texto, ou dependendo do
processamento de conteúdos recuperados de outros aplicativos na internet, como exemplo as linguagens PHP, JSP (Java
Server Pages), .Net(dotNet)
O gerenciador Xampp
XAMPP significa X (qualquer sistema operacional), A (Apache), M (mysql), P (PHP), P (Perl) e consiste em um pacote de
softwares que reúne as aplicações mais comuns para o desenvolvimento de páginas dinâmicas, integrando o serviço de Webserver juntamente com o servidor de banco de dados. Baseia-se na filosofia de construir uma distribuição fácil de instalar para
desenvolvedores que ingressam no mundo Apache. Desta forma, os serviços incluídos no XAMPP são suficientes para o
desenvolvimento e teste de aplicações baseadas em PHP utilizando banco de dados Mysql rodando em um Web-server
Apache.
Para a instalação basta realizar o download do site oficial no link (http://www.apachefriends.org/en/xampp-windows.html) e
aplicar o instalador do mesmo, descompactando o seu conteúdo no diretório C:\XAMPP (recomendado na maioria das
instalações).
Inicializando Serviços
Após a instalação será então criada a pasta C:\XAMPP, onde estarão os arquivos e os aplicativos necessários para ativar o
servidor web. Nos arquivos existentes procure o executável (xampp-control.exe), que é responsável por abrir o gerenciador
dos serviços executados ou possíveis de executar em seu servidor. Para ativar um dos programas basta clicar no botão start
referente ao serviço desejado. Todos os programas podem também ser ativados como serviço no sistema operacional (e serão
inicializados automaticamente com o sistema) marcando a checkbox na lateral esquerda. Na Figura 4 são demonstradas as
telas dos arquivos e do painel de controle do Xampp.
Figura 4 - Arquivos descompactados e Painel de controle Xampp
Para testar o serviço abra o navegador web e insira um dos dois endereços abaixo:
•
•
HTTP://localhost
HTTP://127.0.0.1
P á g | 28
Faculdade de Tecnologia SENAC PELOTAS - Credenciado pela Portaria nº. 3.071, de 01 de outubro de 2004.
Por precisarem de um processamento prévio, as linguagens do lado servidor necessitam ser executadas a partir de um
servidor de páginas, que consiste em um aplicativo que é executado em um computador qualquer (a ser chamado de
servidor) e que responde por requisições de páginas de outros computadores, como exemplo a própria internet, que ao se
digitar um endereço de uma página faz a requisição e descarrega a página HTML a partir de algum computador na internet.
Existem diversos softwares capazes de tornar um computador um servidor de páginas, os mais conhecidos são o Apache
server
(http://www.apache.org)e
o
Internet
information
Server
–
IIS
(http://www.microsoft.com/download/en/details.aspx?id=1038).
UC –
Programação para a Internet
Docente: André Luiz Silva de Moraes
2º sem – Análise e Desenvolvimento de Sistemas
A página a ser aberta será a página principal de gerenciamento dos serviços disponibilizados pelo XAMPP. Nela estão os
recursos utilizados para testar os servidores, o banco de dados, e o código web HTML, php, e demais códigos suportados
Para testar o serviço de banco de dados, clique o item PhpMyAdmin, localizado na parte inferior esquerda da tela. O software
é um recurso para administrar o banco de dados oferecido pelo Xampp, o Database Mysql. Para testar se o código PHP está
sendo compreendido pelo servidor, o XAMPP oferece também a função PHPINFO(), que pode ser testada diretamente na
interface, localizado à esquerda da tela inicial. A figura X ilustra a página inicial do Xampp, a página do PHPMyAdmin e o
PHPInfo em funcionamento.
Figura 5 - Página inicial Xampp, PHPMyAdmin e PHPInfo
Executando as páginas
Para testar suas páginas, o procedimento é o mesmo para um teste padrão de servidor web. Como neste caso estamos
trabalhando com o servidor web Apache, a pasta de referência é denominada HTDOCS, considerada a página raiz do servidor.
Para tanto, qualquer arquivo que for colocado dentro desta pasta poderá ser acessado via navegador. Se a página necessitar
de funcionalidades de linguagens Server-side (acesso a banco de dados, informações dinâmicas ou processadas, etc), estas
funcionalidades serão gerenciadas pelo servidor e devolvidas ao navegador do usuário.
9
9
Por exemplo, seja a página produtos.html uma página armazenada na pasta HTDOCS.
Para acessá-la, necessitaríamos abrir o navegador e digitar o endereço:
o HTTP://localhost/produtos.html
Linguagem PHP
A linguagem PHP ajudou bastante no campo da tecnologia desenvolvida para as linguagens de código aberto. Seu
desenvolvedor foi Rasmus Lerdorf. Existem vários aplicativos desenvolvidos em páginas de internet executando várias
funcionalidades como boletos bancários, comunicação de variáveis entre páginas, tabelas dinâmicas, comunicação com
software de banco de dados, etc.
Para programar utilizando a linguagem PHP não é necessário sequer sair do HTML, na verdade podemos incorporar os
códigos desenvolvidos e faze-los funcionarem juntamente com o código HTML. Então onde está a diferença? A diferença é que
para as páginas funcionarem deverão estar inicialmente salvas com a extensão .php
Para executar as páginas não mais poderemos abri-las diretamente no navegador, necessitaremos colocar as páginas dentro
da estrutura de servidor web, pela razão de ser uma linguagem que necessita de pré-processamento por parte do servidor, e
acessá-las através do acesso do endereço do servidor de páginas onde estiverem armazenadas (no caso do Xampp as
páginas ficarão armazenadas no diretório HTDOCS).
A linguagem PHP pode ser inserida diretamente dentro do HTML de sua página, através dos seguintes elementos:
<?php Para iniciar o trecho onde será colocado o script a ser executado;
?>
Para encerrar
o trecho de código php
inserido.
Exemplo de página contendo código PHP
<html>
<head>
<title>Primeiro código PHP</title>
</head>
<body>
<h1>Testando funcionalidades PHP</h1>
<?php
echo 'Estamos imprimindo um texto
qualquer!!!!!';
echo '<h1>Imprimindo um elemento HTML</h1>';
?>
</body>
P á g | 29
Faculdade de Tecnologia SENAC PELOTAS - Credenciado pela Portaria nº. 3.071, de 01 de outubro de 2004.
OBSERVAÇÕES: O XAMPP não é um servidor de banco de dados, e tão pouco um servidor de páginas web. O que o XAMPP
faz é integrar os aplicativos necessários para os testes e disponibilizar uma interface para o gerenciamento destes.
UC –
Programação para a Internet
Docente: André Luiz Silva de Moraes
2º sem – Análise e Desenvolvimento de Sistemas
OBSERVAÇÃO: As tags HTML continuam? Sim, as páginas que utilizam o código PHP na verdade são intervenções dentro
de códigos HTML, e podem ser inseridos em qualquer local da página e em qualquer quantidade. O PHP pode inserir
qualquer conteúdo HTML em qualquer local da página, bastando inserir as tags PHP no local adequado.
Também é possível criar arquivos unicamente em código PHP, que são normalmente utilizados para executarem tarefas
quando é necessário enviar dados de formulários, etc. Alguns dos comandos principais para o desenvolvimento são detalhados
na Tabela 1.
Comandos básicos da linguagem PHP
Comando
Função
Exemplo de utilização
Imprime algum conteúdo na marcação HTML
da página. Pode ser utilizado para imprimir
conteúdo de variáveis e combinado com laços
de repetição.
O uso de aspas simples e duplas recebe
tratamento diferenciado, para simples o
conteúdo de variáveis não é interpretado em
aspas duplas o conteúdo é lido com o valor
das variáveis armazenadas.
echo “imprimindo um texto”;
$nome;
Cria uma variável, no PHP as variáveis são
criadas e tipadas dinamicamente. Variáveis
podem ser impressas com ou sem aspas.
$nome = “João”;
echo $nome;
// texto ou comando
qualquer;
Cria um comentário de linha. Quaisquer
comandos inseridos após as barras duplas
serão desconsiderados na renderização da
página pelo servidor;
//insere um comentário qualquer
If(condição)
{trecho de código};
else
{trecho de código};
Cria um desvio condicional, é o if
implementado em PHP. Quando não houver
mais de uma linha de código no bloco if ou
else podem ser omitidas as chaves.
$numero = 100;
$numero = $numero * 3;
if($numero==300)
{
echo 'Número igual a 300';
}else
{
echo 'Número diferente de 300';
}
//Executa um if testando a variável
$numero
for($contador=0;$contador<10;$contador
++)
{
echo '<p>Impressão com
uso de for!!!</p>';
for($inicializacao;$condfim;incremento)
{
Comandos
}
Cria um laço de repetições com uso do for.
Pode ser combinado com os comandos
anteriores para ser implementado.
while(condicao)
{
comandos
}
Cria um laço de repetição com uso do while.
Da mesma forma que com o for pode ser
combinado com outros comandos para ser
implementado.
$contador = 0;
while($contador<=10)
{
echo '<p>Impressão com
uso de while!!!</p>';
$contador=contador+1;
}
OPERADORES:
Aritméticos;
Atribuição;
Comparação;
Comparação Lógica;
São os operadores suportados pela linguagem
para
realizar
cálculos
aritméticos,comparações,
e
demais
operações. Na tabela disponibilizada no anexo
em
http://www.w3schools.com/php/php_operators.
asp são demonstrados os operadores
utilizados para estas operações.
Ver tabela em anexo.
fmod(x,y)
Retorna o módulo da divisão de um x por y.
Utilizado para comparação de números pares
e ímpares.
$resultado= fmod(10,5);
echo “O resultado é $resultado”;
//Imprime 0 na variável resultado
}
//Imprime a frase 10 vezes
Tabela 1 - Comandos básicos da Linguagem PHP
P á g | 30
Faculdade de Tecnologia SENAC PELOTAS - Credenciado pela Portaria nº. 3.071, de 01 de outubro de 2004.
echo “ ”;
UC –
Programação para a Internet
Docente: André Luiz Silva de Moraes
2º sem – Análise e Desenvolvimento de Sistemas
Tarefas
1)
Crie uma página em php com o nome PAG1-NOMEALUNO.PHP (onde nomealuno é o seu nome). Crie 3 variáveis
recebendo valores do tipo texto, float e inteiro, em seguida imprima o conteúdo das 3 variáveis formatando-as com
<h1>.
2)
Crie um arquivo .CSS linkado à página e formate a tag DIV para conter um fundo amarelo. Em seguida, ainda na
página do passo 1, com uso do while em PHP crie um código que gere na página 4 parágrafos contendo o texto
senac + o número do contador while dentro de cada uma contendo a seguinte formatação:
red
1px solid cyan
3)
Crie outra página com o nome PAG2-NOMEALUNO.PHP, e com uso do for em PHP crie uma tabela contendo 100
linhas. No HTML, crie o cabeçalho e no PHP crie o corpo da tabela contendo a palavra “Linha” + o número da linha.
Mantenha o link para o mesmo CSS da tarefa 1 e inclua uma borda no elemento TD para visualizar as linhas;
4)
Crie outra página com o nome PAG3-NOMEALUNO.PHP, no CSS criado anteriormente crie uma classe chamada de
PAR{} e outra classe chamada de IMPAR{}, formate apenas a tag TD e o fundo com a cor #FF6633 para linhas
pares e a cor #FF9933 para ímpares com uso do PHP faça com que a tabela gerada anteriormente fique com as
linhas pares de uma cor e as linhas ímpares de outra.
Desafio
5)
Na página PAG2-NOMEALUNO.PHP, configure cada linha da tabela gerada pelo PHP para que seja um link
direcionado para a página www.senacrs.com.br;
6)
Alterar a geração da tabela para que sempre nas linhas ímpares seja incluída uma nova linha contendo o texto “LINHA
ÍMPAR”, uma imagem à sua escolha e a uma configuração de bordas personalizada;
P á g | 31
Faculdade de Tecnologia SENAC PELOTAS - Credenciado pela Portaria nº. 3.071, de 01 de outubro de 2004.
background-color:
border:
UC –
Programação para a Internet
Docente: André Luiz Silva de Moraes
2º sem – Análise e Desenvolvimento de Sistemas
Referências
Faculdade de Tecnologia SENAC PELOTAS - Credenciado pela Portaria nº. 3.071, de 01 de outubro de 2004.
W3Schools – “Introdução a Sintaxe PHP” em http://www.w3schools.com/php/php_syntax.asp;
W3Schools – “Utilizando variáveis” em http://www.w3schools.com/php/php_variables.asp;
W3Schools – “Operadores aritméticos” em http://www.w3schools.com/php/php_operators.asp;
W3Schools – “Utilizando desvios” em http://www.w3schools.com/php/php_if_else.asp;
W3schools – “Função fmod()” em http://www.w3schools.com/php/func_math_fmod.asp;
P á g | 32