SlideShare uma empresa Scribd logo
Programação para WEB
Regis Pires Magalhães
regispiresmag@gmail.com
Arquitetura cliente /
servidor da Web
Arquitetura TCP/IP
Arquitetura TCP/IP
Arquitetura TCP/IP
Arquitetura TCP/IP
Endereço IP
 Identifica unicamente um host da rede.
 Atribuído a cada interface.
200.3.16.1
Portas
 Identificam os processos origem e destino;
 Viabilizam a comunicação fim-a-fim;
 Sistema operacional oferece interface para
especificar e acessar portas.
 Permitem comunicação com diversas aplicações na
mesma máquina.
Protocolo UDP
 Funciona como uma ponte para
o protocolo IP;
 Comunicação sem conexão e
não confiável (entrega não
garantida);
 Análogo ao sistema de correio;
 Mais rápido que TCP;
 Usado em:
 Pequena quantidade de
dados;
 Meios de comunicação
seguros;
 Serviços que podem perder
pequenas porções de
informações.
Protocolo TCP
 Utiliza o conceito de conexão para identificar os dois pontos
envolvidos na comunicação;
 Análogo a uma chamada telefônica;
 Entrega garantida;
 A comunicação é identificada por um par de endpoints.
 Um endpoint é um par na forma:
 Host, Port
 Ex.: (128.9.0.21, 1184) (128.10.2.3,25)
 Endpoints permitem que uma determinada porta possa ser
compartilhada por múltiplas conexões.
Arquitetura TCP/IP
Arquitetura Cliente / Servidor
 Servidor
 Processo que oferece um serviço;
 Aceita uma requisição através da rede,
executa o serviço e retorna o resultado.
 Cliente
 Processo que requisita um serviço;
 Geralmente possui uma interface com o
usuário.
Arquitetura Cliente / Servidor
 Um servidor espera por requisições em
uma porta conhecida, reservada para o
serviço.
 Um cliente aloca uma porta arbitrária
disponível e não reservada.
Socket
 Conjunto de funções para permitir a
utilização do sistema de comunicação por
processos no sistema operacional.
 Socket: Endereço IP + Porta
Comunicação sem conexão
Funções
 socket – inicializa a estrutura de dados do socket,
determinando qual o protocolo (TCP/IP) e o tipo do
serviço (UDP ou TCP).
 bind – associa o socket a uma porta UDP ou TCP.
 sendto – solicita ao sistema de comunicação o envio
de dados, especificando o endereço IP destino, a
porta destino e os dados.
 recvfrom – informa ao sistema de comunicação que
o programa está aguardando dados.
 close – dessasocia a porta do socket e desativa o
socket.
Comunicação com conexão
Comunicação entre Cliente e
Servidor WEB
Cliente WEB
Navegador (Browser)
Servidor WEB
Requisição
Resposta
Página HTML
Papéis
 Servidor Web
 Interpreta requisições HTTP do cliente.
 Devolve resposta HTTP ao cliente.
 Cliente Web
 Envia requisições HTTP ao Servidor Web.
 Processa respostas HTTP recebidas.
URI – Uniform Resource Identifier
 Identificador de Recursos Uniforme
 É uma cadeia de caracteres usada para identificar ou
denominar um recurso na Internet.
 Pode ser classificada como um localizador (URL) ou
um nome (URN), ou ainda como ambos.
 Exemplos:
 URN
urn:isbn:0-486-27557-4
urn:issn:1535-3613
 URL
file:////home/pedro/Desktop/RomeuEJulieta.pdf
http://example.org/absolute/URI/path/to/resource.txt
ftp://example.org/resource.txt
URL – Uniform Resource Locator
 Localizador de Recursos Universal
 Uma URL é uma URI que, além de identificar um
recurso, provê meios de agir sobre, obter e
representar este recurso, descrevendo seu
mecanismo de acesso primário ou a localização na
"rede".
 É o endereço de um recurso disponível em uma rede.
 Estrutura:
protocolo://máquina/caminho/recurso
 Exemplo:
http://www.w3.org/Addressing/URL/uri-spec.html
Protocolo
 É uma convenção ou padrão que controla e
possibilita uma conexão, comunicação ou
transferência de dados entre dois sistemas
computacionais.
 "regras que governam" a sintaxe, semântica e
sincronização da comunicação.
 Podem ser implementados pelo hardware,
software ou por uma combinação dos dois.
Protocolo HTTP
 Hypertext Transfer Protocol (Protocolo de
Transferência de Hipertexto)
 Usado desde 1990.
 Protocolo de comunicação utilizado para transferir
dados por intranets e World Wide Web.
 Normalmente o servidor usa a porta 80.
 Responsável pelo tratamento de pedidos / respostas
entre cliente e servidor Web.
 Forma padronizada de comunicação entre clientes e
servidores da Web.
 Serve para transferência de texto e dados binários.
Protocolo HTTP
 Sem estado (stateless):
 Não existe informações sobre o estado das
conexões;
 Próxima ação independe da anterior;
 Realiza apenas uma ação por vez.
Protocolo HTTP
 Funcionamento:
 o cliente envia uma mensagem de requisição
de um recurso;
 o servidor envia uma mensagem de resposta
ao cliente.
 Composição das mensagens:
 Cabeçalho
 Corpo (opcional em certos casos)
XAMPP
 É um pacote que contém Apache, PHP e MySQL.
 A sigla significa:
 X – Qualquer sistema (Windows, Linux, Mac OS,
Solaris)
 A – Apache – Servidor Web
 M – MySQL – Servidor de Banco de Dados
 P – PHP – Linguagem de Script do lado servidor
 P – Perl – Linguagem de Script do lado servidor
O XAMPP Lite é uma edição reduzida do XAMPP (sem
o FileZilla FTP e Mercury Mail).
Instalação
 Baixar, executar o XAMPP Lite e extraí-lo em
uma pasta de sua escolha:
 xampplite-win32-1.7.0.exe
 Abrir a pasta do XAMPP Lite e executar o
arquivo setup-xampp.bat
Uso
 No diretório do XAMPP Lite, executar o
arquivo:
 xampp-control.exe
 Ativar os servidores Apache e MySQL:

Mais conteúdo relacionado

PPTX
Trabalho camada de transporte
PPTX
Aula06 camada de transporte
PDF
Protocolo UDP
PDF
Aula01 - protocolos da camada de aplicação
DOCX
Modelo osi ...
PDF
Redes de Computadores - Camada de Aplicação
PDF
Aula02 - protocolos de email
PPT
Camada de Transporte Redes Tanenbaum
Trabalho camada de transporte
Aula06 camada de transporte
Protocolo UDP
Aula01 - protocolos da camada de aplicação
Modelo osi ...
Redes de Computadores - Camada de Aplicação
Aula02 - protocolos de email
Camada de Transporte Redes Tanenbaum

Mais procurados (19)

PPTX
Camada de transporte parte1
PPTX
Camada de aplicação parte1
PDF
Capítulo 3 funcionalidades e protocolos da camada de aplicação
PDF
Tcp udp
PPT
Pmmrei Comandos E Utilitariso Tcp Ip
PPTX
Aula05 camada de aplicação
PPTX
Camada de aplicação
PPTX
Protocolos de aplicação
PPT
Camada De Aplicação
DOCX
TCP/IP vs Osi
PPTX
Significados
PDF
HTTP - Visão geral
PDF
Redes de computadores 2 - Protocolos
PPT
Dns Dhcp Proxy Server1
PPTX
Camada de Rede
PDF
Camada de transporte capitulo 3
PPTX
Modelo OSI - Camada de Transporte
PPTX
NIHON FIREWALL
PDF
Protocólo FTP
Camada de transporte parte1
Camada de aplicação parte1
Capítulo 3 funcionalidades e protocolos da camada de aplicação
Tcp udp
Pmmrei Comandos E Utilitariso Tcp Ip
Aula05 camada de aplicação
Camada de aplicação
Protocolos de aplicação
Camada De Aplicação
TCP/IP vs Osi
Significados
HTTP - Visão geral
Redes de computadores 2 - Protocolos
Dns Dhcp Proxy Server1
Camada de Rede
Camada de transporte capitulo 3
Modelo OSI - Camada de Transporte
NIHON FIREWALL
Protocólo FTP
Anúncio

Semelhante a Prog web 00-modelo-cliente_servidor_web (20)

PDF
Samba, Squid, FTP, DHCP1
PPTX
Aplicações web parte 1
PPT
Ferramentas Web 2.0
PPT
Ferramentas Web 2.0
PDF
Aula03 - protocolo http
PDF
DOCX
02-web-protocolo-http-e-servidor-apache-parte-i-REDES-DE-COMPUTADORES-II.docx
PDF
Tecnologia em Redes - Servidor WEB
PPT
Aula01
PDF
Cap 02.pdf
PDF
Http conceitos
PDF
Dawi o protocolo-http
PDF
02 - Redesssssssssssssssssssssssssssssss.pdf
PDF
ssssssssssssssssssssssssssssssssssssssssssssssss.pdf
PPTX
Redes de Computadroes Camada de aplicação
PDF
Escalabilidade e performance da infraestrutura Plone/Zope com CacheFU e Varnish
PPTX
Rest workshop
PDF
PDF
Protocolo Http
PDF
JavaScript Applications
Samba, Squid, FTP, DHCP1
Aplicações web parte 1
Ferramentas Web 2.0
Ferramentas Web 2.0
Aula03 - protocolo http
02-web-protocolo-http-e-servidor-apache-parte-i-REDES-DE-COMPUTADORES-II.docx
Tecnologia em Redes - Servidor WEB
Aula01
Cap 02.pdf
Http conceitos
Dawi o protocolo-http
02 - Redesssssssssssssssssssssssssssssss.pdf
ssssssssssssssssssssssssssssssssssssssssssssssss.pdf
Redes de Computadroes Camada de aplicação
Escalabilidade e performance da infraestrutura Plone/Zope com CacheFU e Varnish
Rest workshop
Protocolo Http
JavaScript Applications
Anúncio

Mais de Regis Magalhães (20)

PDF
High Dimensional Data
PDF
Web Scale Data Management
PPTX
PHP 10 CodeIgniter
ODP
Prog web 01-php-introducao
ODP
Prog web 02-php-primeiros-passos
ODP
Prog web 00-modelo-cliente_servidor_web
ODP
Prog web 09-php-crud-mvc
ODP
Prog web 08-php-mvc
ODP
Prog web 07-pdo
ODP
Prog web 06-php-oo
ODP
Prog web 05-php-mysql
ODP
Prog web 04-php-gd
PPT
Prog web 03-php-sessoes-cookies_cabecalhos
ODP
Prog web 03-php-sessoes-cookies_cabecalhos
PPT
Prog web 02-php-primeiros-passos
ODP
Prog web 02-php-primeiros-passos
ODP
Prog web 01-php-introducao
PDF
Linked Data Tutorial - Conferencia W3C Brasil 2011
PDF
Linked Data - Minicurso - SBBD 2011
ODP
Curso Ruby
High Dimensional Data
Web Scale Data Management
PHP 10 CodeIgniter
Prog web 01-php-introducao
Prog web 02-php-primeiros-passos
Prog web 00-modelo-cliente_servidor_web
Prog web 09-php-crud-mvc
Prog web 08-php-mvc
Prog web 07-pdo
Prog web 06-php-oo
Prog web 05-php-mysql
Prog web 04-php-gd
Prog web 03-php-sessoes-cookies_cabecalhos
Prog web 03-php-sessoes-cookies_cabecalhos
Prog web 02-php-primeiros-passos
Prog web 02-php-primeiros-passos
Prog web 01-php-introducao
Linked Data Tutorial - Conferencia W3C Brasil 2011
Linked Data - Minicurso - SBBD 2011
Curso Ruby

Último (20)

PPTX
Curso de Java 12 - (JDBC, Transation, Commit e Rollback).pptx
PPTX
Curso de Java 17 - (JEE (Sessões e Cookies)).pptx
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PPTX
Aula 18 - Manipulacao De Arquivos python
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PPTX
Curso de Java 15 - (Uso de Servlets (Entendendo a Estrutura)).pptx
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PPTX
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
PPTX
Curso de Java 10 - (IO Manipulação de Arquivos).pptx
PPTX
Curso de Java 11 - (Serializable (Serialização de Objetos)).pptx
PPTX
Aula sobre banco de dados com firebase db
PDF
Processos na gestão de transportes, TM100 Col18
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Aula sobre desenvolvimento de aplicativos
PPTX
Curso de Java 14 - (Explicações Adicionais (Classes Abstrata e Interface)).pptx
PPTX
Curso de Java 13 - (JavaEE (JSP e Servlets)).pptx
PDF
Apple Pippin Uma breve introdução. - David Glotz
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Curso de Java 12 - (JDBC, Transation, Commit e Rollback).pptx
Curso de Java 17 - (JEE (Sessões e Cookies)).pptx
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Aula 18 - Manipulacao De Arquivos python
COBITxITIL-Entenda as diferença em uso governança TI
Curso de Java 15 - (Uso de Servlets (Entendendo a Estrutura)).pptx
Custos e liquidação no SAP Transportation Management, TM130 Col18
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
Curso de Java 10 - (IO Manipulação de Arquivos).pptx
Curso de Java 11 - (Serializable (Serialização de Objetos)).pptx
Aula sobre banco de dados com firebase db
Processos na gestão de transportes, TM100 Col18
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Aula sobre desenvolvimento de aplicativos
Curso de Java 14 - (Explicações Adicionais (Classes Abstrata e Interface)).pptx
Curso de Java 13 - (JavaEE (JSP e Servlets)).pptx
Apple Pippin Uma breve introdução. - David Glotz
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Gestão de transportes básica no SAP S/4HANA, S4611 Col20

Prog web 00-modelo-cliente_servidor_web

  • 1. Programação para WEB Regis Pires Magalhães regispiresmag@gmail.com Arquitetura cliente / servidor da Web
  • 6. Endereço IP  Identifica unicamente um host da rede.  Atribuído a cada interface. 200.3.16.1
  • 7. Portas  Identificam os processos origem e destino;  Viabilizam a comunicação fim-a-fim;  Sistema operacional oferece interface para especificar e acessar portas.  Permitem comunicação com diversas aplicações na mesma máquina.
  • 8. Protocolo UDP  Funciona como uma ponte para o protocolo IP;  Comunicação sem conexão e não confiável (entrega não garantida);  Análogo ao sistema de correio;  Mais rápido que TCP;  Usado em:  Pequena quantidade de dados;  Meios de comunicação seguros;  Serviços que podem perder pequenas porções de informações.
  • 9. Protocolo TCP  Utiliza o conceito de conexão para identificar os dois pontos envolvidos na comunicação;  Análogo a uma chamada telefônica;  Entrega garantida;  A comunicação é identificada por um par de endpoints.  Um endpoint é um par na forma:  Host, Port  Ex.: (128.9.0.21, 1184) (128.10.2.3,25)  Endpoints permitem que uma determinada porta possa ser compartilhada por múltiplas conexões.
  • 11. Arquitetura Cliente / Servidor  Servidor  Processo que oferece um serviço;  Aceita uma requisição através da rede, executa o serviço e retorna o resultado.  Cliente  Processo que requisita um serviço;  Geralmente possui uma interface com o usuário.
  • 12. Arquitetura Cliente / Servidor  Um servidor espera por requisições em uma porta conhecida, reservada para o serviço.  Um cliente aloca uma porta arbitrária disponível e não reservada.
  • 13. Socket  Conjunto de funções para permitir a utilização do sistema de comunicação por processos no sistema operacional.  Socket: Endereço IP + Porta
  • 15. Funções  socket – inicializa a estrutura de dados do socket, determinando qual o protocolo (TCP/IP) e o tipo do serviço (UDP ou TCP).  bind – associa o socket a uma porta UDP ou TCP.  sendto – solicita ao sistema de comunicação o envio de dados, especificando o endereço IP destino, a porta destino e os dados.  recvfrom – informa ao sistema de comunicação que o programa está aguardando dados.  close – dessasocia a porta do socket e desativa o socket.
  • 17. Comunicação entre Cliente e Servidor WEB Cliente WEB Navegador (Browser) Servidor WEB Requisição Resposta Página HTML
  • 18. Papéis  Servidor Web  Interpreta requisições HTTP do cliente.  Devolve resposta HTTP ao cliente.  Cliente Web  Envia requisições HTTP ao Servidor Web.  Processa respostas HTTP recebidas.
  • 19. URI – Uniform Resource Identifier  Identificador de Recursos Uniforme  É uma cadeia de caracteres usada para identificar ou denominar um recurso na Internet.  Pode ser classificada como um localizador (URL) ou um nome (URN), ou ainda como ambos.  Exemplos:  URN urn:isbn:0-486-27557-4 urn:issn:1535-3613  URL file:////home/pedro/Desktop/RomeuEJulieta.pdf http://example.org/absolute/URI/path/to/resource.txt ftp://example.org/resource.txt
  • 20. URL – Uniform Resource Locator  Localizador de Recursos Universal  Uma URL é uma URI que, além de identificar um recurso, provê meios de agir sobre, obter e representar este recurso, descrevendo seu mecanismo de acesso primário ou a localização na "rede".  É o endereço de um recurso disponível em uma rede.  Estrutura: protocolo://máquina/caminho/recurso  Exemplo: http://www.w3.org/Addressing/URL/uri-spec.html
  • 21. Protocolo  É uma convenção ou padrão que controla e possibilita uma conexão, comunicação ou transferência de dados entre dois sistemas computacionais.  "regras que governam" a sintaxe, semântica e sincronização da comunicação.  Podem ser implementados pelo hardware, software ou por uma combinação dos dois.
  • 22. Protocolo HTTP  Hypertext Transfer Protocol (Protocolo de Transferência de Hipertexto)  Usado desde 1990.  Protocolo de comunicação utilizado para transferir dados por intranets e World Wide Web.  Normalmente o servidor usa a porta 80.  Responsável pelo tratamento de pedidos / respostas entre cliente e servidor Web.  Forma padronizada de comunicação entre clientes e servidores da Web.  Serve para transferência de texto e dados binários.
  • 23. Protocolo HTTP  Sem estado (stateless):  Não existe informações sobre o estado das conexões;  Próxima ação independe da anterior;  Realiza apenas uma ação por vez.
  • 24. Protocolo HTTP  Funcionamento:  o cliente envia uma mensagem de requisição de um recurso;  o servidor envia uma mensagem de resposta ao cliente.  Composição das mensagens:  Cabeçalho  Corpo (opcional em certos casos)
  • 25. XAMPP  É um pacote que contém Apache, PHP e MySQL.  A sigla significa:  X – Qualquer sistema (Windows, Linux, Mac OS, Solaris)  A – Apache – Servidor Web  M – MySQL – Servidor de Banco de Dados  P – PHP – Linguagem de Script do lado servidor  P – Perl – Linguagem de Script do lado servidor O XAMPP Lite é uma edição reduzida do XAMPP (sem o FileZilla FTP e Mercury Mail).
  • 26. Instalação  Baixar, executar o XAMPP Lite e extraí-lo em uma pasta de sua escolha:  xampplite-win32-1.7.0.exe  Abrir a pasta do XAMPP Lite e executar o arquivo setup-xampp.bat
  • 27. Uso  No diretório do XAMPP Lite, executar o arquivo:  xampp-control.exe  Ativar os servidores Apache e MySQL: