serviços de informação e tecnologia web marcello peixoto bax eci/ufmg abril 2002
TRANSCRIPT
Serviços de informação e Tecnologia Web
Marcello Peixoto BaxECI/UFMG Abril 2002
Referências Esta apresentação compila, adapta e estende as seguintes
referências: “Computers networks”, Andrew Tanembaum, Cap 7. Artigos diversos
Agenda
Revisão de conceitos chave de HTML
Formulários e CGIs
Gerenciamento de Conteúdos Ferramentas orientadas a
design Ferrrametas orientadas aos
conteúdos Zope
DNS - Domain Name System
Um arquivo DNS
Divisão da Internet em zonas
Servidores de Nomes
Correio Eletrônico
MIMEArquitetura e serviçoO formato das mensagens
USENET NEWSO Protocolo NNTP
A WebFuncionamentoO Protocolo HTTPUm Proxy ServerURLs
Conexões Físicas à Internet
Vários meios podem conectar computadores à Internet Redes locais (ethernet, token ring, etc); Linhas de telefone (PPP, Slip); Fibra ótica; Canais de satélite; Ondas de
rádio Protocolo de base TCP / IP
Endereço do computador
Todo computador conectado na Internet tem um número chamado IP 32 bits ou 4 bytes
150.164.98.214 = cuba.eci.ufmg.br
InterNIC (Network Information Center), órgão que centraliza a alocação de números
mantém uma BD com nomes, endereços … dos contatos para os vários domínios (comando whois)
Organização da Internet Organização de uma rede de redes
baseada em DOMÍNIOS define a localização de uma rede na Internet eci.ufmg.br ibm.com …
dividem a rede mundial em áreas geográficas países: br, fr, de, ca, us, it …
e as subdividem por áreas de atuação com (comercial), edu (educacional), mil (militar) ...
depois por instituições microsoft.com.br ufmg.br (???)
...e ainda por computador na rede cuba.eci.ufmg.br
Cada instituição possui usuários da rede cada usuário possui seu endereço próprio
usuário@domínio [email protected]
URL (Uniform Resource Locator) endereço único de um recurso: arquivo texto, imagem,... formado de 3 partes: “protocolo://servidor/recurso”
Organização da Internet (Cont)
URLs - Uniform Resource Locator URL http://www.eb.ufmg.br/Bemvindo.htm
Nome do recurso Onde está o recurso Como acessá-lo
Ex. “ www.eci.ufmg.br/~bax ” busca página default.html ou index.html
Mapeando nomes -> números Nomes para os humanos ufmg.br
Números para os softwares 150.164.98.214
O DNS - “Domain Name System” faz a conversão domínio -> número IP
DNS - Domain Name System
O arquivo hosts.txt (ARPANET) Atualização durante a noite
Tamanho / Conflito de nomes (gerencia central)
DNS (Hostname -> IP) hierárquico, baseado em domínos, distribuído
applicação <-> resolver <-> DNS local (acha o IP)
Internet dividida em centenas de domínioscada domínio engloba milhares de hostssubdivididos em sub-domíniosuma vez registrado no seu superior, cada domínio, cria seus próprios sub-domínios
DNS - Domain Name System (cont.)
Divisão da Internet em zonas
Cada zona possui um arquivo para o DNS quando a requisição é local o DNS local resolve quando o dominio é remoto o DNS local envia para o DNS do
nível mais alto do domínio procurado
Um arquivo DNS
flits.cs.vu.nl resolvendo linda.cs.yale.edu
Funcionamento do DNS – um cenário…
Serviços de Informação na Internet
Modelo Cliente/Servidor Servidor: programa que executa o serviço Cliente: programa que solicita o serviço
Primeira geração: e-mail, FTP, telnet, finger
Segunda geração: archie, netfind, whois, gopher, news, listservers
Terceira geração: WWW
Correio Eletrônico
Campos p/ transporte (RFC 822)
Campos do Cabeçalho (RFC 822)
Transferindo de [email protected] para [email protected]
O Protocolo SMTP Protocolo
cliente/servidor em ASCII
Um deamon (serviço) escutando conexões TCP na porta 25
Transferindo as mensagens p/ inboxes
Entrega final
Protocolo cliente/servidor ASCII POP3 (Post Office Protocol) envia emails da inbox do usuário para sua
máquina remota Listas de discussão Filtros Saindo de férias
Grupos de Discussão - News
O Protocolo HTTP HyperText Transfer Protocol
Interação Cliente/Servidor em ASCii o cliente pode ser um humano:
telnet www.w3.org 80 GET /hypertext/WWW/TheProject.html uma linha em branco indica o fim do pedido
O Protocolo NNTP
A conexão TCP é desfeita O navegador mostra o texto Project.htm O navegador carrega e mostra as imagens em Project.htm
Cliente / Servidor em HTTP
O navegador efetua uma conexão TCP na porta 80 da máquina 18.23.0.23
Envia o comando GET /hypertext/www/Project.htm O servidor www.w3.org envia Project.htm
O navegador determina a URL desejada O navegador pergunta ao DNS o endereço IP da www.w3.org DNS responde 18.23.0.23
Obtendo uma página do servidor Web
Um Proxy Server Gateway que fala HTTP Pode estar em qq máquina na Internet Serviço de cache
mantém todas as páginas que passam por ele Serviço de firewall
filtra os pacotes que passar por ele Configura-se o proxy no browser de cada usuário da rede
Três ondas de evolução Internet de domínio público Intranets
gerência mais eficiente das organizações “por trás de um firewall”. 2/3 das 500 maiores corporações (Fortune) já estabeleceram suas
Intranets usadas p/ gerenciar tarefas, informações e trabalho em grupo Lotus Notes (Domino), BackOffice, Oracle
Extranets ponte entre a Internet pública e a privada fornecedores, distribuidores, clientes e outros parceiros que estão fora
dos muros da empresa mas são cruciais para o sucesso dos negócios, compartilhando objetivos comuns
Extranets = Empresas em Rede Melhora muito as relações com clientes.
Produtos e serviços no mercado com mais rapidez.
Networked Enterprises
Reformulando estruturas internas Mudando o sistema de negociação e operação Mudanças nos sistemas de controle Operações “Just-in-time” “Business Informação Exchange”
“business to business” na Internet
Revisão e conceitos chave da linguagem HTML
Revisão O Projeto WWW (CERN em 1992/93)
Implementar documentos em hipertexto através de uma linguagem simples
Objetivo: criar plataforma para a troca de documentos, com interface padrão
Protocolo para transferência de hipertextos é denominado http
Linguagem para a descrição de hipertextos é denominada html
A Linguagem HTML
Linguagem HTML
Hypertext Markup Language Arquivos ASCII (cada arquivo = 1 página no browser)
não sensível à caixa dos caracteres
Elemento básico: TAG<tag parâmetro=valor ...> texto </tag>
<html>
<head> <title> Teste </title></head>
<body> Meu primeiro documento </body>
</html>
Só define a estrutura do documento
Não diz nada quanto a sua
aparência
<H1> até <H6> <H1 align=left><p> <br> <hr> <hr size=20><b> <i> <code> <font> <center>
coresbranco #FFFFFF Padrão RGB (0-255)vermelho#FF0000
<body bgcolor=#rrggbbtext=#rrggbblink=#rrggbbalink=#rrggbbvlink=#rrggbb </body>
listas
<ol> <ul> <dl>
<li> <dt> <dd>
links
<a> <a href=“url”> texto/imagem </a>
<a href=“doc.htm#marca”> texto </a>
<a name=“marca”> em doc.htm
imagens
<img src=“url” align=right width=x height=y alt=“desc”>
tabelas<table border=2 width=100% cellspacing=2 cellpadding=2><th> col1 </th> <th> col2 </th><tr> <td> cel1.1</td> <td> cel1.2 </td> </tr><tr> <td> cel1.1</td> <td> cel1.2 </td> </tr></table>
formulários página que solicita os dados programa que processa os dados entrados
quadro de texto; linha de texto; password; checkbox; radio button; lista de seleção; envia; limpa.
Formulários e CGIs
<form action=“url” method=post> …</form>envia dados para url após submissão dos dados
<input type=“text” name=“nome” size=40><input type=“password” name=“pass” size=8 maxlength=8><input type=“checkbox” name=“temcarro” checked><input type=“radio” name=“faixaEtaria” value=“20+”><input type=“reset” value=“Limpa campos”><input type=“submit” value=“Envia campos”><textarea name=“comentario” rows=5 cols=20><select name=“lista”> <option> outro
<option selected> padrão</select>
CGI - Common Gateway Interface
Armazenados no diretório “cgi-bin” Métodos de envio: GET ou POST
GET (“var=valor” adicionados à URL) http://.../programa?cliente=João+Silva?endereco=Rua+Macau…”
POST (“var=valor” no corpo da mensagem) “cliente=João+Silva&endereco=Rua+Macau…”
envio de dados + atribuição de um conjunto padrão de variáveis ex: CONTENT_LENGTH (tamanho do string de dados)
quadros
desaconselhável, restringe a área útil da tela<html><frameset rows=“*,10%”>
<frame noresize name=“palco” src=“url”><frame src=“url”>
</frameset><html>
Gerenciando sites com FrontPage
Esquema de funcionamento Cliente FP / Servidor WEB / Extensões
Trabalhando em equipe programadores visuais, analistas e
programadores
FP em ambiente Intranet
Usando o FP em Internet
Criando e publicando sites em servidores
Arquitetura do FP