Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Funcionamento de Aplicacoes Web

    Enviado por

    antony santos
    11 visualizações7 páginas
    O documento discute conceitos fundamentais de aplicações web, incluindo o modelo cliente-servidor, protocolo HTTP, HTML, URLs, requisições GET e POST, e conteúdo estático e dinâmico.

    Descrição original:

    Título original

    01._Funcionamento_de_Aplicacoes_Web

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento discute conceitos fundamentais de aplicações web, incluindo o modelo cliente-servidor, protocolo HTTP, HTML, URLs, requisições GET e POST, e conteúdo estático e dinâmico.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    11 visualizações7 páginas

    Funcionamento de Aplicacoes Web

    Enviado por

    antony santos
    O documento discute conceitos fundamentais de aplicações web, incluindo o modelo cliente-servidor, protocolo HTTP, HTML, URLs, requisições GET e POST, e conteúdo estático e dinâmico.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 7

    Java Web com Servlets e JSPs

    Funcionamento de Aplicações Web

    Tópicos Abordados

    • Modelo cliente-servidor
    • HTTP
    – HTTP request
    – HTTP response
    • HTML
    • Anatomia de uma URL
    • Requisições GET e POST
    • Conteúdo estático e dinâmico

    Modelo Cliente/Servidor

    requisição
    Cliente Servidor
    resposta

    Browser Servidor Web

    1
    Requisição a um Servidor

    O servidor envia
    O usuário
    aO
    página
    browser
    solicita a AHTTP
    interpreta
    requisição
    a trafega O servidor analisa a
    como resposta,Protocolo
    abertura
    página
    usandoque
    de está
    uma
    para definida
    pela rede
    ematravés
    transferência dorequisição
    de conteúdo web e escolhe
    também o protocolo HTTP
    página
    linguagem HTML protocolo HTTP uma página

    HTML
    Linguagem para formatação da página

    HTTP

    • Hypertext Transfer Protocol


    • É um protocolo de rede, responsável pela
    transferência de conteúdo pela internet
    • Definido pela RFC 2616 (IETF)

    HTTP Específico para conteúdo web

    TCP Transporta os dados de forma confiável

    IP Move os pacotes de um computador para outro

    Rede Rede física (cabeada ou sem fio)

    HTTP Request

    HTTP Request

    HTTP Request Header


    GET /site HTTP/1.1
    Host: www.softblue.com.br
    Connection: close
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pt-BR; rv:1.9.2.3) Gecko/20100401
    Accept-Charset: ISO-8859-1,UTF-8;q=0.7,*;q=0.7
    Cache-Control: no
    Accept-Language: de,en;q=0.7,en-us;q=0.3
    Referer: http://web-sniffer.net/

    2
    HTTP Response

    HTTP Response

    HTTP Response Header


    HTTP/1.1 200 OK
    Date: Fri, 30 Apr 2010 00:04:34 GMT
    Server: Apache
    X-Powered-By: PHP/5.2.9
    Set-Cookie: PHPSESSID=9709ee059903f6747abf7fa7bd8f7910; path=/
    Expires: Thu, 19 Nov 1981 08:52:00 GMT
    Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
    Pragma: no-cache
    Connection: close
    Transfer-Encoding: chunked
    Content-Type:text/html

    HTML

    • Hypertext Markup Language


    • É uma linguagem composta de instruções
    sobre como formatar uma página web

    Exemplo de Arquivo HTML

    softblue.html
    <HTML>
    <BODY>

    <H1>Softblue</H1>

    Quer aprender programação através de cursos on-line de qualidade?


    Acesse o site da Softblue, clicando <A
    href="http://www.softblue.com.br">aqui</A>.
    <BR><BR>
    <HR>
    <BR>
    Alguns dos nossos diferenciais:

    <UL>
    <LI>Vídeo-aulas com áudio e com explicações do instrutor</LI>
    <LI>Exercícios práticos com resolução comentada</LI>
    <LI>Questões das avaliações comentadas</LI>
    <LI>Suas dúvidas são esclarecidas pelos nossos instrutores</LI>
    <LI>Instrutores especialistas e certificados no assunto</LI>
    <LI>Cursos voltados para o mercado de trabalho</LI>
    <LI>Reveja as aulas quantas vezes quiser</LI>
    <LI>Taxa única: não há mensalidades</LI>
    <LI>Você define seu horário de estudo</LI>
    <LI>Desconto de 15% na compra do segundo curso</LI>
    <LI>Faça o curso de qualquer parte do Brasil</LI>
    </UL>

    </BODY>
    </HTML>

    3
    A entrega do conteúdo HTML

    • Os documentos HTML são entregues ao


    cliente através do protocolo HTTP

    O conteúdo HTML é É possível também


    enviado logo após o transportar outros
    response header tipos de dados

    Outros
    HTML
    formatos

    HTTP

    10

    Anatomia de uma URL

    • Uniform Resource Locator


    • Especificam um recurso na web

    http://www.softblue.com.br:80/public/html/cadastro.html

    Protocol Server Port Path Resource

    11

    Requisições: GET x POST

    • GET
    – O objetivo principal é requisitar dados do
    servidor
    – Pode ser usada para enviar alguns dados ao
    servidor
    – Os dados são enviados diretamente na URL
    • POST
    – O objetivo principal é enviar dados ao servidor
    – Os dados são enviados no corpo do protocolo
    HTTP

    12

    4
    A Requisição GET

    <HTML>
    <BODY> Indica que os dados do
    <FORM method="GET" action="sucesso.html"> formulário serão enviados por
    Nome: <INPUT type="text" name="nome" size="20">
    <BR> uma requisição do tipo GET
    E-mail: <INPUT type="text" name="email" size="20">
    <BR>
    <INPUT type="submit" value="Cadastrar">
    </FORM>
    </BODY> Botão para submeter os dados
    </HTML>

    13

    A Requisição GET
    <HTML>
    <BODY>
    <H1>Cadastro feito com sucesso!</H1>
    </BODY>
    </HTML>

    GET /public/html/sucesso.html?nome=Carlos&email=a%40a.com HTTP/1.1


    Host: www.softblue.com.br
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pt-BR; rv:1.9.2.3) Dados
    Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729) passados
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
    Accept-Language: pt-br,pt;q=0.8,en-us;q=0.5,en;q=0.3 na URL
    Accept-Encoding: gzip,deflate
    Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
    Keep-Alive: 115
    Connection: keep-alive
    Referer: http://www.softblue.com.br/public/html/cadastro.html

    14

    A Requisição POST

    <HTML>
    <BODY> Indica que os dados do
    <FORM method="POST" action="sucesso.html"> formulário serão enviados por
    Nome: <INPUT type="text" name="nome" size="20">
    <BR> uma requisição do tipo POST
    E-mail: <INPUT type="text" name="email" size="20">
    <BR>
    <INPUT type="submit" value="Cadastrar">
    </FORM>
    </BODY> Botão para submeter os dados
    </HTML>

    15

    5
    A Requisição POST
    <HTML>
    <BODY>
    <H1>Cadastro feito com sucesso!</H1>
    </BODY>
    </HTML>

    POST /public/html/sucesso.html HTTP/1.1


    Host: www.softblue.com.br
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pt-BR; rv:1.9.2.3)
    Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
    Accept-Language: pt-br,pt;q=0.8,en-us;q=0.5,en;q=0.3
    Keep-Alive: 115
    Connection: keep-alive
    Referer: http://www.softblue.com.br/public/html/cadastro.html
    Content-Type: application/x-www-form-urlencoded
    Content-Length: 27 Dados passados no
    nome=Carlos&email=a%40a.com corpo do HTTP

    16

    Qual requisição usar?

    GET
    • Formulário de pesquisa
    • Requisição de página através de um hiperlink
    • Navegação geral em páginas de um site

    • Formulário de cadastro

    POST •
    •
    •
    Envio de usuário e senha ao servidor
    Upload de arquivo
    Muitos dados a serem enviados ao servidor

    17

    Conteúdo Estático e Dinâmico

    • Servidores web podem entregar apenas


    conteúdo estático (arquivos já existentes)

    requisição

    resposta

    Browser Servidor Web

    18

    6
    Conteúdo Estático e Dinâmico

    • Para gerar conteúdo dinâmico, é preciso


    mais do que um web server

    requisição Servlets

    resposta JSPs

    Browser Servidor Web

    A resposta é montada
    dinamicamente, mas o browser
    continua a receber conteúdo HTML

    19

    Você também pode gostar