como funciona a internet

Post on 25-Jul-2015

58 Views

Category:

Internet

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

TIC E PLATAFORMAS DIGITAIS

Gustavo Zadrozny Leyendecker

gustavo.leyendecker@gmail.com

COMO FUNCIONA A INTERNET

Protocolos da Internet

Protocolo IP

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

Fibra Optica

Fibra Optica

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

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/

top related