serviços de informação e tecnologia web marcello peixoto bax eci/ufmg abril 2002

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 bax@eb.ufmg.br

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 elionor@abc.com para carolyn@xyz.com

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