TIC E PLATAFORMAS
DIGITAIS
Gustavo Zadrozny Leyendecker
gustavo.leyendecker@gmail.com
COMO FUNCIONA A INTERNET
Protocolos da Internet
Protocolo IP
Protocolo IP
https://www.youtube.com/watch?v=HNQD0qJ0TC4
Protocolo IP – Demo
Traceroute
traceroute –I torpedo7.co.nz
Protocolo TCP/IP
• Transmission Control Protocol
• Quebra a informação em pacotes menores
• Envia todos os pacotes
• Contr...
Protocolo TCP/IP
http://pt.kioskea.net/faq/12065-o-que-e-tcp-ip-pra-que-serve-como-funciona
Protocolo TCP/IP
Protocolo HTTP
• Protocolo de trasmissão de hipertexto
• Camada de aplicação (ex: navegador)
• Métodos GET / POST
Protocolo HTTP - Demo
telnet en.wikipedia.org 80 > index.html
GET /wiki/Hypertext_Transfer_Protocol
HTTP/1.1
Host: en.wiki...
HTTP – Demo Chrome Dev
Tools
HTML (Hypertext Markup
Language)
<html>
<head>
<title>Título do Site</title>
</head>
<body>
<h1>Bem vindo!</h1>
<p>Olá, es...
HTML Meta tags
<html>
<head>
<<<META TAGS>>>
</head>
<body>
…
</body>
</html>
 Etiquetas
 Descrevem conteúdo do
site
 U...
HTML Meta - Gerais
<title>Titulo da página. Recomendado de 60 a 70 caracteres.</title>
<meta name="description" content=“n...
HTML Meta - Twitter
<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="...
HTML Meta - Facebook
<!-- Open Graph Data -->
<meta property="og:title" content="Titulo da página" />
<meta property="og:t...
HTTP - Cliente
 HTML
 HTML4 (1997)
 HTML5 (2014)
 CSS
 Twitter Bootstrap
 Javascript
 jQuery
 Knockout
 Angular
Programação Web Servidor
 Java (struts / spring framework)
 ASP / ASP.NET
 PHP
 Ruby on Rails
 Python
 Node JS
 out...
HTML Estático
Navegador Servidor
HTML
GET /
Servidor retorna
arquivo HTML
HTML Dinâmico
Navegador Servidor
HTML
GET
/busca?q=texto
Base de
Dados
Servidor gera
código HTML
HTML AJAX
Navegador Servidor
HTML
GET /
Base de
Dados
HTML parcial
GET
/busca?q=texto
Servidor gera
código HTML de
parte d...
HTML Single Page Application
(SPA)
Navegador Servidor
HTML
GET /
Base de
Dados
JSON
GET
/busca?q=texto
Servidor gera
resul...
HTTP - Cookies
 Conexão HTTP é encerrada
 Controle de sessão
 Arquivos armazenados pelo navegador
AS, BGP, PTTs
https://www.youtube.com/watch?v=C5qNAT_j63M
Fibra Optica
Fibra Optica
DNS
https://www.youtube.com/watch?v=ACGuo26MswI
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 ...
Domínios .BR
https://registro.br/estatisticas.ht
ml
DNS - Demo
 Registro de domínio no-ip
 Whois
 Consulta domínios em lote
Governança
https://www.youtube.com/watch?v=ZYsjMEISR6E
Governança
 Padrões
 IETF (Internet Engineering Task Force) - TCP/IP
 W3C (World Wide Web Consortium) - HTTP/HTML
 Dis...
Sujeito a termos e condições (2013)
http://www.imdb.com/title/tt2084953/
Próximos SlideShares
Carregando em…5
×

Como funciona a internet

319 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
319
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/

×