Como funciona a internet

345 visualizações

Publicada em

Quais os protocolos utilizado na Internet para enviar e receber dados e como a informação é apresentada para os usuários nos navegadores.

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

  • Seja a primeira pessoa a gostar disto

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

Nenhuma nota no slide

Como funciona a internet

  1. 1. TIC E PLATAFORMAS DIGITAIS Gustavo Zadrozny Leyendecker gustavo.leyendecker@gmail.com COMO FUNCIONA A INTERNET
  2. 2. Protocolos da Internet
  3. 3. Protocolo IP
  4. 4. Protocolo IP https://www.youtube.com/watch?v=HNQD0qJ0TC4
  5. 5. Protocolo IP – Demo Traceroute traceroute –I torpedo7.co.nz
  6. 6. Protocolo TCP/IP • Transmission Control Protocol • Quebra a informação em pacotes menores • Envia todos os pacotes • Controle de erros e retransmissão • Monta novamente os pacotes
  7. 7. Protocolo TCP/IP http://pt.kioskea.net/faq/12065-o-que-e-tcp-ip-pra-que-serve-como-funciona
  8. 8. Protocolo TCP/IP
  9. 9. Protocolo HTTP • Protocolo de trasmissão de hipertexto • Camada de aplicação (ex: navegador) • Métodos GET / POST
  10. 10. Protocolo HTTP - Demo telnet en.wikipedia.org 80 > index.html GET /wiki/Hypertext_Transfer_Protocol HTTP/1.1 Host: en.wikipedia.org
  11. 11. HTTP – Demo Chrome Dev Tools
  12. 12. HTML (Hypertext Markup Language) <html> <head> <title>Título do Site</title> </head> <body> <h1>Bem vindo!</h1> <p>Olá, este é um exemplo de código HTML</p> <a href=“http://www.google.com”>Link Externo</a> </body> </html>
  13. 13. HTML Meta tags <html> <head> <<<META TAGS>>> </head> <body> … </body> </html>  Etiquetas  Descrevem conteúdo do site  Utilizadas por redes sociais e buscadores
  14. 14. HTML Meta - Gerais <title>Titulo da página. Recomendado de 60 a 70 caracteres.</title> <meta name="description" content=“não ultrapassar 155 caracteres." />
  15. 15. HTML Meta - Twitter <!-- Twitter Card --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@usuario_twitter"> <meta name="twitter:title" content="Titulo da pagina"> <meta name="twitter:description" content=“máximo 200 caracteres."> <meta name="twitter:creator" content="@twitter_autor"> <-- Imagem 200x200px --> <meta name="twitter:image" content="http://www.example.com/image.jpg">
  16. 16. HTML Meta - Facebook <!-- Open Graph Data --> <meta property="og:title" content="Titulo da página" /> <meta property="og:type" content="tipo da página/artigo" /> <meta property="og:url" content="http://www.exemplo.com/" /> <meta property="og:image" content="http://exemplo.com/imagem.jpg" /> <meta property="og:description" content="Descrição do link" /> <meta property="og:site_name" content="Nome do site" /> <meta property="fb:admins" content="Facebook ID - toda conta developer possui um ID" />
  17. 17. HTTP - Cliente  HTML  HTML4 (1997)  HTML5 (2014)  CSS  Twitter Bootstrap  Javascript  jQuery  Knockout  Angular
  18. 18. Programação Web Servidor  Java (struts / spring framework)  ASP / ASP.NET  PHP  Ruby on Rails  Python  Node JS  outros
  19. 19. HTML Estático Navegador Servidor HTML GET / Servidor retorna arquivo HTML
  20. 20. HTML Dinâmico Navegador Servidor HTML GET /busca?q=texto Base de Dados Servidor gera código HTML
  21. 21. HTML AJAX Navegador Servidor HTML GET / Base de Dados HTML parcial GET /busca?q=texto Servidor gera código HTML de parte da página
  22. 22. HTML Single Page Application (SPA) Navegador Servidor HTML GET / Base de Dados JSON GET /busca?q=texto Servidor gera resultado em JSONNavegador gera HMTL
  23. 23. HTTP - Cookies  Conexão HTTP é encerrada  Controle de sessão  Arquivos armazenados pelo navegador
  24. 24. AS, BGP, PTTs https://www.youtube.com/watch?v=C5qNAT_j63M
  25. 25. Fibra Optica
  26. 26. Fibra Optica
  27. 27. DNS https://www.youtube.com/watch?v=ACGuo26MswI
  28. 28. DNS  Resolução de Nomes Distribuída  13 servidores raiz (10 nos EUA)  Tradução Nome – IP  1 Domínio vários IPs  1 IP vários domínios  Tipos  Resolver / Cache  Autoritative
  29. 29. Domínios .BR https://registro.br/estatisticas.ht ml
  30. 30. DNS - Demo  Registro de domínio no-ip  Whois  Consulta domínios em lote
  31. 31. Governança https://www.youtube.com/watch?v=ZYsjMEISR6E
  32. 32. Governança  Padrões  IETF (Internet Engineering Task Force) - TCP/IP  W3C (World Wide Web Consortium) - HTTP/HTML  Distribuição de Endereços  IANA (Internet Assigned Numbers Authority)  NIC.BR (Núcleo de Informação e Coordenação do Ponto BR)  Gestão de Domínios  ICANN (Internet Corporation for Assigned Names and Numbers)  NIC.BR (Núcleo de Informação e Coordenação do Ponto BR)  Governança  IGF (Internet Governance Forum)  CGI (Comite Gestor da Internet)
  33. 33. Sujeito a termos e condições (2013) http://www.imdb.com/title/tt2084953/

×