As tecnologias fundamentais da web - EGI 2015

286 visualizações

Publicada em

Apresentação sobre as tecnologias fundamentais para a criação da Web. Tecnologias estas que evoluíram para contribuir para a formação da Web tal como conhecemos hoje.

Slides apresentados na Escola de Governança da Internet no Brasil (http://egi.nic.br)

Publicada em: Internet
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
286
No SlideShare
0
A partir de incorporações
0
Número de incorporações
11
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Slide do título da apresentação
    Use este slide para adicionar o título de sua apresentação.
    A fonte que deverá ser usada é a Arial com tamanho máximo de 44pt. (Para títulos de 4 linhas ou mais, a fonte poderá ser reduzida)
    Na ausência desta fonte, poderá ser usada a fonte Helvetica.
    Sugestão para diagramação desse slide:
    Usar as fontes do título da apresentação em negrito e em caixa alta como mostra no exemplo (alterar apenas para casos específicos como “IoT”, “IPv6” entre outros )
  • Proposta no CERN, 1989
    Chefe Mike Sendall diz “vague, but exciting”, e permite Tim BL seguir com o projeto
    Chamava “Mesh” na intenção de mostrar que um sistema global de hipertexto estava nos interesses do CERN
    Passou a chamar Web em 1990, quando Tim BL estava escrevendo código
  • Web, é um sistema de hipertexto
    Hipertexto é um termo criado por Ted Nelson em 1965
    Os elementos básicos, no ponto de vista técnico / “implementação”
    HTTP: HyperText Transfer Protocol
    HTML: HyperText Markup Language
    URI: Identificador Universal de Recursos
  • HTTP define como os clientes solicitam um documento para o servidor, e como o servidor transfere esse documento para o cliente
    São duas aplicações implementando o protocolo HTTP
    Um no cliente (implementado no navegador web – “firefox”)
    Outro no servidor (implementado no web server – “apache”)
    Eles se comunicam, geralmente, pelas portas 80 e 443 (ssl)
    HTTP 1.0 foi publicado como RFC em 96, mas já vinha sendo utilizado desde o início dos anos 90 em uma implementação do Tim BL
    Primeira publicação do HTTP 1.1, o qual usamos atualmente, foi em Janeiro de 97
    HTTP/2 é uma alternativa para o HTTP 1.1, que não está obsoleto.
    Possui compressão dos campos do cabeçalho
    Melhor uso dos recursos da rede, diminuindo latência
  • Este é um cabeçalho de uma requisição HTTP
    O host indicado é o site do nic.br
  • A resposta é formada por:
    um cabeçalho com dados sobre o documento e servidor
    e conteúdo, neste caso HTML
  • HyperText Markup Language
    Baseada no padrão internacional da época, SGML (Standard Generalized Markup Language)
    Certamente alguém teria inventado uma linguagem similar, mas...
    A decisão de basear em SGML foi boa, pois conseguiu dar certa “credibilidade” para uma linguagem nova
    O que tornou a linguagem efetivamente de hipertexto foi a tag <a>
    Foi o que tornou a ideia e invenção de Tim BL um sucesso
    A linguagem é utilizada para escrever documentos web
    Renderizada nos navegadores
    WWW-talk: o inicio da evolução e padronização
    Criacao de novos browsers
    Deu frutos para as posteriores discussões de padronização
  • Não sei se todos participaram ontem do Curso de HTML que o Reinaldo ministrou
    Para os que não participaram, esse é trecho de documento escrito em HTML
    Lembrando então,
    este é o documento hipertexto
    escrito na linguagem de marcação HTML
    transferido de um servidor para um cliente por meio do protocolo HTTP
    e renderizado/exibido em um navegador web.
  • Embora já existisse um forma de mapear os endereços IP em nomes, com DNS
    A proposta de Tim BL precisava de uma string como “alvo” de um hiperlink, por isso a necessidade de identificador na web (URL)
    Utilizando a ideia de um nome de dominio, Tim BL adota o prefixo www. nos identificadores de recursos na Web
    Por isso sempre acessámos os sites iniciando com www.
  • Embora já existisse um forma de mapear os endereços IP em nomes, com DNS
    A proposta de Tim BL precisava de uma string como “alvo” de um hiperlink, por isso a necessidade de identificador na web (URL)
    Utilizando a ideia de um nome de dominio, Tim BL adota o prefixo www. nos identificadores de recursos na Web
    Por isso sempre acessámos os sites iniciando com www.
  • Para finalizar, mostramos as relações entre as três tecnologias fundamentais
    Protocolo HTTP: para transferência de documentos web
    Linguagem HTML: para escrever os documentos de hipertexto
    Identificador de recursos (URI): para identificar os recursos e documentos
  • As tecnologias fundamentais da web - EGI 2015

    1. 1. Escola de Governança da Internet no Brasil São Paulo, SP | 19/08/15
    2. 2. As tecnologias fundamentais da Web Newton Calegari
    3. 3. WORLD WIDE WEB VAGUE BUT EXCITING http://info.cern.ch/Proposal.html
    4. 4. WORLD WIDE WEB TECNOLOGIAS FUNDAMENTAIS • Páginas web (documentos de hipertexto) • Protocolo HTTP • Linguagem HTML • Identificador de recursos (URI)
    5. 5. WWW PROTOCOLO HTTP • HTTP 0.9 [Tim Berners-Lee 1991] • HTTP/1.0 [RFC 1945, Maio 1996] • HTTP/1.1 [RFC 2068, Janeiro 1997] • HTTP/2 [RFC 7540, Maio 2015]
    6. 6. HTTP REQUEST
    7. 7. HTTP RESPONSE
    8. 8. WWW LINGUAGEM HTML • Linguagem de hipertexto para documentos (páginas web) • Baseada em SGML [ISO 8879:1986] • Formada por tags (<html> <head> <body> ...) • Possui link hipertexto (<a href=) • Interpretada pelos navegadores • Lista WWW-talk criada em 1991 • Atual versão HTML5
    9. 9. WWW LINGUAGEM HTML
    10. 10. WWW URI, URL, DOMÍNIOS • Nomes de domínios * • DNS [RFC 882, Novembro 1983] • URIs na WWW [RFC 1630, Junho 1994] • URL: localizador de recursos na Web • Importância para Web semântica • Identificar recursos e conceitos * Mais sobre TLDs em https://www.iana.org/domains/root/db
    11. 11. WWW URL http://ceweb.br/contato/index.html esquema://domínio:porta/caminho/recurso?query_string#fragmento esquema: http domínio: ceweb.br porta: 80 caminho: /contato recurso: index.html
    12. 12. WORLD WIDE WEB TECNOLOGIAS FUNDAMENTAIS • Páginas web (documentos de hipertexto) • Protocolo HTTP • Linguagem HTML • Identificador de recursos (URI)

    ×