como funciona a internet
TRANSCRIPT
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• Controle de erros e retransmissão• Monta novamente os pacotes
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.htmlGET /wiki/Hypertext_Transfer_Protocol HTTP/1.1Host: en.wikipedia.org
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á, este é um exemplo de código HTML</p> <a href=“http://www.google.com”>Link Externo</a> </body></html>
HTML Meta tags
<html> <head> <<<META TAGS>>> </head> <body> … </body></html>
Etiquetas Descrevem conteúdo
do site Utilizadas por redes
sociais e buscadores
HTML Meta - Gerais
<title>Titulo da página. Recomendado de 60 a 70 caracteres.</title>
<meta name="description" content=“não ultrapassar 155 caracteres." />
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">
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" />
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 outros
HTML Estático
Navegador ServidorHTML
GET /
Servidor retorna
arquivo HTML
HTML Dinâmico
Navegador Servidor
HTML
GET /busca?q=texto
Base de Dados
SQL
DadosServidor gera código HTML
HTML AJAX
Navegador ServidorHTML
GET /
Base de Dados
SQL
Dados
HTML parcial
GET /busca?q=texto
Servidor gera código HTML de parte da
página
HTML Single Page Application (SPA)
Navegador ServidorHTML
GET /
Base de Dados
SQL
Dados
JSON
GET /busca?q=texto
Servidor gera resultado em
JSONNavegador gera HMTL
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 vários domínios Tipos
Resolver / Cache Autoritative
Domínios .BR
https://registro.br/estatisticas.html
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
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)
Sujeito a termos e condições (2013)
http://www.imdb.com/title/tt2084953/