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
• 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.html
GET /wiki/Hypertext_Transfer_Protocol
HTTP/1.1
Host: 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 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 da página
HTML Single Page Application
(SPA)
Navegador Servidor
HTML
GET /
Base de
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.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
 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/

Como funciona a internet