web - ifpb.github.io · Às vezes é necessário acessar algum banco de dados. Servidor O servidor...

Post on 08-Nov-2018

221 views 0 download

Transcript of web - ifpb.github.io · Às vezes é necessário acessar algum banco de dados. Servidor O servidor...

WEB

Como podemos compartilhar arquivos na Internet?

Alice Bob

Para ser mais específico

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Para ser mais específico

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

🤔

Qual formato de arquivo?

Como compartilhar?

Alice Bob

Como compartilhar?

Alice Bob

Adobe Reader

Como compartilhar?

Alice Bob

Adobe Reader

Compartilha via Email

Como compartilhar?

Alice Bob

Adobe Reader

Compartilha via Email

Um programa para compartilhar e outro ler o arquivo

Um programa para compartilhar e outro ler o arquivo

😉

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Alice Bob

Um programa para compartilhar e outro ler o arquivo

Um programa para compartilhar e outro ler o arquivo

😭

Alice

Bob

Alice

Bob

Server

Alice

Bob

Server

Alice

Bob

Server

Alice

Bob

Server

Alice

Bob

Server

Web

Primeiro Website

http://info.cern.ch/hypertext/WWW/TheProject.html

Primeiro navegador

http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html

Web Atual

Cliente Servidor

Web Atual

Cliente Servidorwww.ifpb.edu.br

Web Atual

Cliente Servidor

http://www.ifpb.edu.br/noticias

www.ifpb.edu.br

Web Atual

Cliente Servidor

http://www.ifpb.edu.br/noticias

www.ifpb.edu.br

Web Atual

Cliente Servidor

http://www.ifpb.edu.br/noticias

www.ifpb.edu.br

HTTP

HYPER TEXT TRANSFER PROTOCOL

HTTP

http://www.ifpb.edu.br/noticias

HYPER TEXT TRANSFER PROTOCOL

HTTP

http://www.ifpb.edu.br/noticias

HYPER TEXT TRANSFER PROTOCOL

•Protocolo: HTTP •Host: www.ifpb.edu.br•Arquivo: notícias

HTTP

•Criado inicialmente por Tim Berners-Lee no CERN em 1989 •Como protocolo para transferir recursos•Baseado num esquema de requisição e resposta • Ente cliente e servidor •Por meio de URL

O cliente decideacessar uma página Web de algum servidor

Cliente

O cliente decideacessar uma página Web de algum servidor

Cliente

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

http://www.ifpb.edu.br/noticias

Cliente

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

http://www.ifpb.edu.br/noticias

Cliente

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

Protocolo: HTTPServidor: www.ifpb.edu.brPágina: noticias

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

Protocolo: HTTPServidor: www.ifpb.edu.brPágina: noticias

Com a URL o navegador tentainterpretar e montaruma requisição HTTP

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

GET /noticiasHost: www.ifpb.edu.br

Com a URL o navegador tentainterpretar e montaruma requisição HTTP

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

GET /noticiasHost: www.ifpb.edu.br

Com a URL o navegador tentainterpretar e montaruma requisição HTTP

Por fim, a requisição é encaminhada

O cliente decideacessar uma página Web de algum servidor

O usuário solicita um recursode algum servidor por meio de uma URL no navegador

Cliente

GET /noticiasHost: www.ifpb.edu.br

Com a URL o navegador tentainterpretar e montaruma requisição HTTP

Por fim, a requisição é encaminhada

O cliente envia

Cliente

uma requisição HTTP ao servidor

Servidorwww.ifpb.edu.br

O cliente envia

Cliente

GET /noticias Host: www.ifpb.edu.br

uma requisição HTTP ao servidor

Servidorwww.ifpb.edu.br

Servidor

O servidor recebea requisição HTTP do cliente

GET /noticiasHost: www.ifpb.edu.br

www.ifpb.edu.br

Servidor

O servidor recebea requisição HTTP do cliente

GET /noticiasHost: www.ifpb.edu.br

www.ifpb.edu.br

Servidor

O servidor recebea requisição HTTP do cliente

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.br

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.brÀs vezes é necessárioacessar algum banco de dados

GET /noticias

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.brÀs vezes é necessárioacessar algum banco de dados

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

O conteúdo gerado é empacotado numa resposta HTTP e enviado ao cliente

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.brÀs vezes é necessárioacessar algum banco de dados

Servidor

O servidor recebea requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo dinâmico

O conteúdo gerado é empacotado numa resposta HTTP e enviado ao cliente

Então o arquivo será processadopara gerar algum conteúdo

www.ifpb.edu.brÀs vezes é necessárioacessar algum banco de dados

O servidor envia

Cliente

GET /noticias Host: www.ifpb.edu.br

uma resposta HTTP ao cliente

Servidorwww.ifpb.edu.br

O servidor envia

Cliente

GET /noticias Host: www.ifpb.edu.br

uma resposta HTTP ao cliente

Servidorwww.ifpb.edu.br

O cliente recebeuma resposta HTTP do servidor

Cliente

O cliente recebeuma resposta HTTP do servidor

Cliente

O cliente recebeuma resposta HTTP do servidor

Com a resposta o navegadorirá processar o recurso solicitado

Cliente

O cliente recebeuma resposta HTTP do servidor

Com a resposta o navegadorirá processar o recurso solicitado

Cliente

Mas, a resposta pode gerarrequisição de outros recurso

O cliente recebeuma resposta HTTP do servidor

Com a resposta o navegadorirá processar o recurso solicitado

Cliente

Mas, a resposta pode gerarrequisição de outros recurso http://www.ifpb.edu.br/imagens/logotipos/ifpb-1

O cliente recebeuma resposta HTTP do servidor

Com a resposta o navegadorirá processar o recurso solicitado

Cliente

Mas, a resposta pode gerarrequisição de outros recurso

GET /imagens/logotipos/ifpb-1Host: www.ifpb.edu.br

O cliente recebeuma resposta HTTP do servidor

Com a resposta o navegadorirá processar o recurso solicitado

Cliente

Mas, a resposta pode gerarrequisição de outros recurso

GET /imagens/logotipos/ifpb-1Host: www.ifpb.edu.br

Servidor

O servidor recebeoutra requisição HTTP do cliente

GET /imagens/logotipos/ifpb-1Host: www.ifpb.edu.br

www.ifpb.edu.br

Servidor

O servidor recebeoutra requisição HTTP do cliente

GET /imagens/logotipos/ifpb-1Host: www.ifpb.edu.br

www.ifpb.edu.br

Servidor

O servidor recebeoutra requisição HTTP do cliente

www.ifpb.edu.br

GET /imagens/logotipos/ifpb-1

Servidor

O servidor recebeoutra requisição HTTP do cliente

www.ifpb.edu.br

GET /imagens/logotipos/ifpb-1

Servidor

O servidor recebeoutra requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo estático

www.ifpb.edu.br

GET /imagens/logotipos/ifpb-1

Servidor

O servidor recebeoutra requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo estático

Então o arquivo será apenasresgatado

www.ifpb.edu.br

GET /imagens/logotipos/ifpb-1

Servidor

O servidor recebeoutra requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo estático

Então o arquivo será apenasresgatado

www.ifpb.edu.br

Servidor

O servidor recebeoutra requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo estático

O arquivo é empacotado numa resposta HTTP e enviado ao cliente

Então o arquivo será apenasresgatado

www.ifpb.edu.br

Servidor

O servidor recebeoutra requisição HTTP do cliente

Se a requisição ao servidor for para um arquivo estático

O arquivo é empacotado numa resposta HTTP e enviado ao cliente

Então o arquivo será apenasresgatado

www.ifpb.edu.br

O cliente recebeuma resposta HTTP do servidor

Cliente

O cliente recebeuma resposta HTTP do servidor

Cliente

O cliente recebeuma resposta HTTP do servidor

Uma vez coletado todos recursos o navegador irá processar algum resultado

Cliente

O cliente recebeuma resposta HTTP do servidor

Uma vez coletado todos recursos o navegador irá processar algum resultado

Cliente

Concluindo• Os recursos são estruturados em Hypertexto (texto em HTML)

• Ao digitar uma URL, o cliente HTTP (navegador) envia uma requisição HTTP para o recurso no servidor HTTP

• O servidor gerar/acessa o(s) recurso(s)

• O servidor envia ao cliente a resposta HTTP com o recurso

• O cliente recebe o recurso da resposta HTTP

• O cliente processa o recurso recebido para ser exibido ou copiado