Serviços de informação e Tecnologia Web

Apresentação em tema: "Serviços de informação e Tecnologia Web"— Transcrição da apresentação:

1 Serviços de informação e Tecnologia Web
Marcello Peixoto Bax ECI/UFMG Abril 2002

2 Referências Esta apresentação compila, adapta e estende as seguintes referências: “Computers networks”, Andrew Tanembaum, Cap 7. Artigos diversos

3 Agenda DNS - Domain Name System 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 MIME Arquitetura e serviço O formato das mensagens USENET NEWS O Protocolo NNTP A Web Funcionamento O Protocolo HTTP Um Proxy Server URLs

4 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

5 Endereço do computador
Todo computador conectado na Internet tem um número chamado IP 32 bits ou 4 bytes = 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)

6 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 (???)

7 Organização da Internet (Cont)
...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 URL (Uniform Resource Locator) endereço único de um recurso: arquivo texto, imagem,... formado de 3 partes: “protocolo://servidor/recurso”

8 URLs - Uniform Resource Locator
Nome do recurso Onde está o recurso Como acessá-lo Ex. “ ” busca página default.html ou index.html

9 Mapeando nomes -> números
Nomes para os humanos ufmg.br Números para os softwares O DNS - “Domain Name System” faz a conversão domínio -> número IP

10 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)

11 DNS - Domain Name System (cont.)
Internet dividida em centenas de domínios cada domínio engloba milhares de hosts subdivididos em sub-domínios uma vez registrado no seu superior, cada domínio, cria seus próprios sub-domínios

12 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

13 Um arquivo DNS

14 Funcionamento do DNS – um cenário…
flits.cs.vu.nl resolvendo linda.cs.yale.edu

15 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: , FTP, telnet, finger Segunda geração: archie, netfind, whois, gopher, news, listservers Terceira geração: WWW

16 Correio Eletrônico

17 Campos p/ transporte (RFC 822)
Campos do Cabeçalho (RFC 822)

18 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

19 Entrega final Protocolo cliente/servidor ASCII Listas de discussão
POP3 (Post Office Protocol) envia s da inbox do usuário para sua máquina remota Listas de discussão Filtros Saindo de férias

20 Grupos de Discussão - News

21 O Protocolo HTTP HyperText Transfer Protocol
Interação Cliente/Servidor em ASCii o cliente pode ser um humano: telnet 80 GET /hypertext/WWW/TheProject.html uma linha em branco indica o fim do pedido

22 O Protocolo NNTP

23 Cliente / Servidor em HTTP
O navegador efetua uma conexão TCP na porta 80 da máquina Envia o comando GET /hypertext/www/Project.htm O servidor envia Project.htm A conexão TCP é desfeita O navegador mostra o texto Project.htm O navegador carrega e mostra as imagens em Project.htm O navegador determina a URL desejada O navegador pergunta ao DNS o endereço IP da DNS responde

24 Obtendo uma página do servidor Web

25 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

26 Três ondas de evolução Internet de domínio público Intranets Extranets
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

27 Extranets = Empresas em Rede
Melhora muito as relações com clientes. Produtos e serviços no mercado com mais rapidez.

28 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 'Networked enterprise' can mean an enterprise that already depends on networking resources and services that it cannot do without and which is making investments in networking that will increase that dependency still more. 'Networking' refers to organizing activities and developing information resources and services over a wide area by using such high performance, completely digital networks as Ethernet and Internet. Two important features of these networks that can be singled out for special attention: they enable genuine, two-way (what George Gilder has called 'heterarchical') communication; and they enable information resources and services to be acquired or projected with relatively equal ease.

29 Revisão e conceitos chave da linguagem HTML

30 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

31 A Linguagem HTML

32 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

33 <H1> até <H6> <H1 align=left>
<p> <br> <hr> <hr size=20> <b> <i> <code> <font> <center> cores branco #FFFFFF Padrão RGB (0-255) vermelho #FF0000 <body bgcolor=#rrggbb text=#rrggbb link=#rrggbb alink=#rrggbb vlink=#rrggbb </body>

34 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”>

35 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> </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.

36 Formulários e CGIs

37 <form action=“url” method=post> …
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>

38 CGI - Common Gateway Interface
Armazenados no diretório “cgi-bin” Métodos de envio: GET ou POST GET (“var=valor” adicionados à URL) 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)

39 quadros desaconselhável, restringe a área útil da tela <html> <frameset rows=“*,10%”> <frame noresize name=“palco” src=“url”> <frame src=“url”> </frameset>

40 Gerenciando sites com FrontPage
Esquema de funcionamento Cliente FP / Servidor WEB / Extensões Trabalhando em equipe programadores visuais, analistas e programadores

41 FP em ambiente Intranet

42 Usando o FP em Internet Criando e publicando sites em servidores

43 Arquitetura do FP