Aula 01

PROGRAMAO CLIENTE EM SISTEMAS WEB
Aula 1-CONCEITOS DE SISTEMAS PARA INTERNET
Nome: Prof. Jorge Ferreira

Titulao : Especialista em
Gerncia de Projetos, Didtica.

Objetivos da Disciplina:
Ensinar Programao que rodam do lado
cliente em um ambiente web.
Alguns tipos de trabalho que vocs
podem fazer.
Conceitos de Sistemas para Internet AULA1
vdeo!
Contedo Programtico desta aula

O que protocolo HTTP
Aplicabilidade do protocolo HTTP;
Utilizao dos mtodos POST e GET.
O que um protocolo?
Na cincia da computao, um protocolo uma
conveno ou padro que controla e possibilita uma
conexo, comunicao, transferncia de dados entre
dois sistemas computacionais. De maneira simples,
um protocolo pode ser definido como "as regras que
governam" a sintaxe, semntica e sincronizao da
comunicao.
Os
protocolos
podem
ser
implementados pelo hardware, software ou por uma

combinao dos dois. (HTTP, FTP, SMTP, TCP/IP)
Fonte: wikipedia
Protocolo HTTP
O HyperText Transfer Protocol um protocolo de
aplicao responsvel pelo tratamento de pedidos e
respostas entre cliente e servidor na Web.
Foi criado para a necessidade de distribuir informaes

pela Internet de uma forma padronizada.
O protocolo HTTP passou a ser utilizado para a

comunicao
entre
computadores
na Internet
especificar como seriam realizadas as transaces entre

clientes e servidores.
Arquitetura Cliente-Servidor
um modelo computacional que separa clientes
TCP/IP Protocolo
e servidores.
O cliente pode enviar requisies de dado
Cabealho de requisio
para algum dos servidores conectados e

esperar pela resposta.
Os servidores disponveis pode aceitar tais
requisies,
process-las
retornar
Cabealho de Resposta
resultado para o cliente.
Tipos de Linguagens WEB

Temos
vrios
tipos
de linguagens
de
programao. Mas vamos falar de dois tipos

especficos para WEB.
-A linguagem cliente;
-A linguagem Servidor.
Linguagem Cliente
HTML;
JavaScript;
Flash;
vbscript, etc.
Linguagem HTML
HTML uma linguagem de marcao de texto (),

utilizamos as tags desta linguagem para a
criao de sites e sistemas web.
Podemos construir pginas estticas

utilizando o HTML, inserindo em seu
contedo Sons e Vdeos.
Exemplo de uma Estrutura em HTML
<html>
<head>
<title> Primeiro Exemplo </title>
</head>
<body>
</body>
</html>
Linguagem JavaScript
JavaScript uma linguagem de script que

roda do lado do cliente.
Utilizamos o JavaScript para criar rotinas e
funes dentro do HTML.
Exemplo de uma Estrutura em JAVASCRIPT

<html>
<head>
<title> Primeiro Exemplo </title>
<script type = "text/javascript">
<!- -
var nome;
nome = prompt('entre com seu nome: ', 'Digite-o aqui:');
document.write('oi'+ nome +'seja bem Vindo.');
- ->
</script>
</head>
<body>
</body>
</html>
Exemplo de JAVASCRIPT
Ao executar a pgina
de exemplo, dever
aparecer a janela ao
lado.
Digite seu nome,

como no exemplo.
Veja o resultado!
Linguagem Servidor
Podemos construir pginas dinmicas do

servidor, que so reconhecidas,
interpretadas e executadas pelo prprio
servidor. As linguagens mais utilizados so:
asp, jsp, php, etc.
Requisies do Cliente
Nas requisies do cliente podemos utilizar os
TCP/IP Protocolo
mtodos GET e o mtodo POST, dentre outros.

Esses mtodos apesar de terem caractersticas

diferentes so os mais utilizados para esse tipo
de situao.
Requisies do Cliente - GET

O mtodo GET mais utilizado para requisies
TCP/IP Protocolo
do tipo questionrios e coisas mais simples.

Sua principal caractersticas e deixar os dados

visveis na URL quando feita uma requisio.
No devemos portando utilizar o mtodo GET

para situaes como : Cadastros, Senhas , etc.
Mtodos
Existem alguns mtodos que so definidos pelo
TCP/IP Protocolo
pelo protocolo HTTP , para envio de dados. Mas

os mais utilizados so os mtodos:
GET e POST
Outros mtodos:
HEAD, PUT, DELETE, OPTIONS.
Mtodo GET
<a href = novapagina.jsp?codigo=5>Cdigo</a>
Itens antes da marca de interrogao (?) a URL original da
Requisio.
Parmetros ou dados enviados para o servidor:

Parmetros so codificados como pares de nome e valor
Formato: nome=valor
Mais de um conjunto de parmetros, sero separados por um
smbolo de &
codigo=2359&filtro=true
Mtodo GET
<html>
<head>
<title>Programao cliente</title>
</head>
<body
<form name=form method=get action=rel.php>
<p>Teste com os mtodos Get e Post</p>
<p>Dados
<label><input type=text name=txt_dados> <br /><br />
<input type=submit name=submit value=OK>
</label></p>
</form>
</body>
</html>
Mtodo GET RECUPERAR DADOS

<?php
$dados = $_GET[txt_dados];
echo $dados;
?>
Requisies do Cliente - POST

O mtodo POST utilizado para requisies do
TCP/IP Protocolo
cliente igual ao mtodo GET.

Apesar de mais lento do que o mtodo GET,

muito utilizado para situaes onde os dados
devero estar ocultos.
Mtodo GET
<html>
<head>
<title>Programao cliente</title>
</head>
<body
<form name=form method=post action=rel.php>
<p>Teste com os mtodos Get e Post</p>
<p>Dados
<label><input type=text name=txt_dados> <br /><br />
<input type=submit name=submit value=OK>
</label></p>
</form>
</body>
</html>
Mtodo GET RECUPERAR DADOS

<?php
$dados = $_POST[txt_dados];
echo $dados;
?>
vdeo!

Aula 01

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Aula 01

Hochgeladen von

Copyright:

Verfügbare Formate

PROGRAMAO CLIENTE EM SISTEMAS WEB

Aula 1-CONCEITOS DE SISTEMAS PARA INTERNET

Nome: Prof. Jorge Ferreira

PROGRAMAO CLIENTE EM SISTEMAS WEB

PROGRAMAO CLIENTE EM SISTEMAS WEB

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

PROGRAMAO CLIENTE EM SISTEMAS WEB

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Contedo Programtico desta aula

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

implementados pelo hardware, software ou por uma

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Foi criado para a necessidade de distribuir informaes

O protocolo HTTP passou a ser utilizado para a

especificar como seriam realizadas as transaces entre

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

O cliente pode enviar requisies de dado

para algum dos servidores conectados e

resultado para o cliente.

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Tipos de Linguagens WEB

programao. Mas vamos falar de dois tipos

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

HTML uma linguagem de marcao de texto (),

Podemos construir pginas estticas

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Exemplo de uma Estrutura em HTML

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

JavaScript uma linguagem de script que

funes dentro do HTML.

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Exemplo de uma Estrutura em JAVASCRIPT

PROGRAMAO CLIENTE EM SISTEMAS WEB

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Digite seu nome,

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Podemos construir pginas dinmicas do

asp, jsp, php, etc.

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

mtodos GET e o mtodo POST, dentre outros.

Esses mtodos apesar de terem caractersticas

Conceitos de Sistemas para Internet AULA1

PROGRAMAO CLIENTE EM SISTEMAS WEB

Requisies do Cliente - GET

do tipo questionrios e coisas mais simples.

Sua principal caractersticas e deixar os dados