Parte 1

Msc. Jadson Rafalski Parte 1

"A Internet é o maior

espaço público na história

da humanidade."

André Lemos

Professor de comunicação da

Universidade Federal da Bahia (UFBA)

"A Internet é um mundo."

Rogério da Costa

Diretor do Laboratório de Inteligência Coletiva (Linc)

"A Internet é a resposta.

Qual era mesmo a pergunta?"

Luli Radfahrer - PhD em Comunicação Digital

O que seria do

mundo sem internet?

internet no brasil

41

%

computador em casa

60%

afirmam já ter trocado alguma mídia tradicional pela internet

internet no brasil

fontes: Alexa e Revista Época

maior tempo médio de navegação

48h 26m

o país mais sociável da

internet

2º estados unidos 42h 19m 3º reino unido 36h 30m

80% dos brasileiros tem perfil em redes sociais

como tudo começou?

web 2.0

hoje veremos...

como funciona?

hospedagem e

registro...

meus favoritos

como tudo começou...

a internet tem dono?

a Internet nasceu

praticamente sem querer!!!

quem inventou a internet?

ARPANET

para manter a comunicação entre as bases militares dos EUA

e durante a guerra fria . . .

em outubro de 1957 URSS lança o Sputnik . . .

em 1966, por medo de um ataque ao pentágono, a DARPA planejou uma grande rede . . .

. . . em 1958 os EUA criam a

todas as informações eram centralizadas no pentágono!

e assim surgiu a internet!

nasce a internet...

já na década de 70, a tensão entre URSS e EUA diminui . . .

os militares permitem que os cientista acessem a ARPANET

mais tarde, cederam a rede para as universidades norte-americanas...

que sucessivamente (1974), passaram-na para as universidades de outros países...

acesso doméstico de pesquisadores e alunos

surge o conceito de uma rede comercial

+

+

+

Pesquisa do Estado de São Paulo (FAPESP).

o criador

Tim Berners Lee

físico britânico

cientista da computação professor do MIT

implementou a primeira

comunicação entre um cliente HTTP e um servidor através da internet . . . (1990)

hipertexto

world wide web

diretor do world wide web consortium (W3C)

Tecnologia para Web

serviços

web

e-mail

telnet / SSH

o que posso usar na internet?

acessar remotamente a uma máquina ou servidor

FTP

transferir arquivos

como funciona?

protocolos

protocolos

protocolos são “idiomas” e sinais universais que permitem aos dispositivos comunicar-se através da rede

Hypertext Transfer Protocol - é o protocolo usado na World Wide Web;

faz a troca de informações entre um browser e um servidor Web

File Transfer Protocol - transferência de arquivos entre dois computadores Conjunto de protocolos que definem como computadores podem se comunicar e se

conectar em rede e também para o roteamento de dados;

IP –> endereçamento;

TCP -> transmissão de dados

UDP

User Datagram Protocol sem controle de fluxo;

transmissão de audio e vídeo

topologias de rede

como funciona?

A B A B

rede centralizada rede distribuída

a falha de uma única máquina ou conexão pode isolar partes

grandes da rede

conexões redundantes fornecem rotas alternativas para mensagens se alguma

máquina falhar

como funciona?

transmissão por pacotes

as mensagens são quebradas em pedaços menores (pacotes) que são transmitidos independentemente

i n t e r n e t

. . .

. . .

a mensagem é quebrada em pacotes menores sendo cada um deles identificado para entrega;

os pacotes são transmitidos pela rede, podendo não chegar na mesma ordem os pacotes são colocados na ordem correta

como funciona?

transmissão via TCP/IP

roteador

remetente

destinatário

o software TCP no remetente quebra a mensagem em pacotes e as identifica;

os pacotes viajam independentemente pela internet, guiados por roteadores usando o protocolo IP;

o software TCP no destinatário especifica como os pacotes são remontados quando recebidos.

( )

vejamos . . .

http://www.meuip.com.br

descubra aqui qual é o

seu endereço ip

como me conectar?

tipos de conexão

satélite dial-up

discada (linha telefônica); velocidade máxima de 56 kbps rádio wireless usuários rurais; banda larga; velocidade de 500 kbps

quando há difilcudade de usar cabeamento; velocidade de até 11 Mbps 3 canais: voz, download e upload; download de 256 Kbps até 100 Mbps; upload de 16 Kbps até 10 Mbps através de repetidoras localizadas em pontos estratégicos; velocidade de até 11 Mbps

( )

vejamos . . .

http://www.rjnet.com.br

qual a velocidade da sua

conexão?

( )

vejamos . . .

http://www.abusar.org

associação brasileira dos usuários

de acesso rápido

em cartaz

the history

of the internet

browsers

o que é um browser?

é o navegador, programa que permite o acesso e

interpretação de arquivos HTML, CSS, Javascript, entre outros.

firefox

http://br.mozdev.org

complementos! como instalar?

atalhos

por que usar o firefox? mais seguro!!!

https://addons.mozilla.org/pt-BR/firefox/

Ctrl F Ctrl “click” Ctrl T Ctrl F4 Ctrl Shift T

outros atalhos úteis? Clique aqui!

como é feito um website?

hospedagem e registro...

http://www.registro.br

1. escolha um domínio e faça o registro

2. procure um servidor para hospedar o site

fique atendo quanto ao espaço, recursos, ferramentas e vantagens que o host oferece!

alguns sites para downloads de programas

downloads

http://superdownloads.uol.com.br

http://www.baixaki.com.br

que versão baixar?

freeware

shareware

trial

programa que disponibilizado para uso gratuito

programas que após um determinado tempo de uso ou número de utilizações, perde algumas ou todas as suas funcionalidades.

você pode testar o programa em sua totalidade, com todos os recursos e por quanto tempo quiser, mas geralmente não poderá salvar ou exportar os trabalhos feitos.

descompactar e compactar

para que serve?

juntar todos os arquivos em um só diminuir o tamanho do arquivo

fazer backup ou enviar o arquivo compactado

arquivos

shareware shareware freeware

Tecnologia para Web

(

)

vejamos . . .

http://www.dominiopublico.gov.br

download livre de textos,

vídeos, imagens e sons

upload

web upload

limite de 100 Mb;

após 21 dias sem acesso o arquivo é removido

sites de hopedagem temporária de arquivos na web

limite de 200 Mb;

após 90 dias sem acesso o arquivo é removido

limite de 100 Mb;

após 30 dias sem acesso o arquivo é removido

wiki

wikipédia por wikipédia

coleção de páginas interligadas que podem ser visitadas e editadas por qualquer pessoa

é uma enciclopédia multilíngüe online livre colaborativa, ou seja, escrita

internacionalmente por várias

Criada em 15 de Janeiro de 2001, baseia-se no sistema wiki (do

havaiano wiki-wiki = "rápido", "veloz", "célere").

”

“

pessoas comuns de diversas regiões do mundo, todas elas voluntárias.

o que é um wiki?

Saiba mais!

wikipédia: prós e contras...

qualquer pessoa pode editar conteúdo fácil de utilizar e aprender

atualizado instantaneamente

não necessita de conhecimento técnico para publicar

usuários de qualquer lugar do mundo podem participar e colaborar no mesmo documento

qualquer pessoa pode editar conteúdo

depende da constante vigia do wikipedista que seja um

Wikipedia:Administrador para evitar vandalismo

a flexibilidade da estrutura de ambientes wiki pode dar origem a desorganização de informação





blogs

"diário" online em que se publica histórias, idéias ou imagens em forma de posts apresentados de forma cronológica

https://www.blogger.com/start?hl=pt-BR http://pt-br.wordpress.com

monetizar

nuvem de tags

é uma representação visual de tags geradas por usuários facilita ao usuário a encontrar palavras-chave e a navegar em um site ou blog; geralmente listadas em ordem alfabética e a frequencia é sinalizada pelo tamanho ou cor da fonte;

* Clique aqui e veja como criar sua própria Núvem de Tags...

( )

vejamos . . .

http://delicious.com

adicione, pesquise e compartilhe

bookmarks sobre qualquer assunto

redes sociais

rede social é um grupo de pessoas que se relacionam por ter alguma ligação e/ou interesse em comum

meio online

o que é twitter?

é uma rede social que permite que aos usuários enviar mensagens curtas

receber informações de seus amigos, blogs, sites ou de outros usuários que você esteja seguindo

para que serve?

(140 caracteres) para seus “seguidores”

“o serviço permite que as pessoas saibam instantaneamente o que está acontecendo em relação às coisas com as quais elas se importam"

Evan Williams

(diretor executivo e fundador do twitter)

Tecnologia para Web

usando o twitter...

personalizar sua página, marcar mensagens como “favorites”, enviar reply, direct messages e re-tweet

compartilhar informações rápidas: trânsito, eventos, palestras e etc.

acompanhar notícias ou grades de programação da tv organizar eventos contratar pessoas ou conseguir emprego freelancer

#hashtags

usando o twitter...

troca de informações entre professores e alunos

seguir “trilhas” e encontrar outros usuários

atrair visitantes para um blog ou site

maior intereção entre empresas e consumidores fazer amigos biblioteca da puc - rj http://www.dbd.puc-rio.br twitter via sms http://www.rcsms.com.br

fiocruz on twitter

trocar informações sobre projetos

em desenvolvimento;

informações institucionais, avisos, divulgação, notícias em geral;

@museudavida @ensp @portalfiocruz

@Icict

@Fiocruz

( )

vejamos . . .

http://www.facebook.com

uma rede social que reúne pessoas a seus amigos e àqueles com quem

trabalham, estudam e convivem

Saiba mais!

“YouTube e Facebook no trabalho melhoram produtividade, diz estudo”

 Rede de Computadores:

◦ Consiste de dois ou mais computadores ligados entre si e compartilhando dados, impressoras, trocando mensagens (e-mails), etc.

 Internet

◦ é a maior interconexão de redes de

computadores que permite a estes conexão e comunicação direta;

 Cada governo, companhia ou organização é responsável por manter a sua própria rede.

 Durante a Guerra Fria, grandes

computadores espalhados pelos Estados

Unidos armazenavam informações militares estratégicas;

 Surgiu a idéia de interconectar os vários centros de computação;

 Mesmo que um dos centros, ou a

interconexão entre dois deles, fosse

destruído, a conexão entre os demais não seria interrompida;

 1970 - O Departamento de Defesa

Americano, através da ARPA (Advanced

Research Projects Agency) iniciou o que viria

a ser a Internet.

 1990 – Foi aberta as Universidade e pouco

 Considerada por muitos como um dos mais importantes e revolucionários

desenvolvimentos da história da humanidade;

 Um cidadão comum ou uma pequena

empresa podem ter acesso a informações localizadas nos mais distantes pontos do globo;

 Permite também criar, gerenciar e distribuir informações em grande escala, no âmbito mundial.

 Com a Internet uma pessoa qualquer pode, de sua própria casa, oferecer um serviço de informação;

 Influência da Internet em nossas vidas:

◦ comunicação áudio-visual entre as pessoas;

◦ contato à distância das empresas pelos seus dirigentes;

 Influências da Internet em nossas vidas:

◦ administração governamental, como o site da Receita Federal;

◦ A disposição, para qualquer um, de grande parte do conhecimento da humanidade adquirido até os dias atuais.

 Acesso Dial UP

◦ Feito através de linha telefônica convencional. É uma conexão instável e provê baixas taxas de transmissão.

 ADSL (

Asymmetric Digital Subscriber Line

◦ Além de não ocupar a linha telefônica, permite acessos superiores a 6Mbps(download);

 Satélite

◦ É uma conexão limitada, sujeita às variações do tempo e ao custo de equipamentos muito caros.

 Abreviação do inglês

World Wide Web

também chamada de

Web

acesso simultâneo a imagens, animações, sons e textos;

 Sua maior característica é a possibilidade de navegação através dos

links

 É um dos serviços básicos e o mais utilizado da Internet.

 Browsers (ou Navegadores):

◦ Programa que permite a navegação na Internet e a visualização das páginas na Web;

◦ Microsoft Internet Explorer, Netscape Navigator, Mozila Firefox.

 A navegação pelas páginas se dá através dos Endereços

Web

links

 Abreviação de electronic mail, correio

eletrônico;

 Trata-se de outro serviço muito usado da

Internet, com envio e recepção de mensagens escritas de usuário a usuário,

 Permite anexar arquivos para serem enviados

 Microsoft Outlook  Netscape Navigator  WebMail

◦ e-mail através da Web

◦ utiliza browsers (não necessita de programa especial)

◦ extremamente popular com o surgimento de sites com e-mail grátis

 Domínio

◦ localização na Internet

◦ Separado por “.”

◦ Ex: salesianolins.br

 Siglas Comuns em Domínios

◦ Organizações:

 com: comercial (ex: xerox.com.br)  gov: governo (ex: brasil.gov.br)

 Siglas Comuns em Domínios ◦ Países:  br: Brasil  au: Austrália  Nomes na internet ◦ WWW  formato: http://www.<domínio>  Ex: http://www.salesianolins.br ◦ E-mail  formato: <usuario>@<domínio>  Ex: anderson@salesianolins.br

http:// http://ifes.edu.br/ Informa ao navegador

que ele deve procurar um documento

Nome de domínio da organização ou da pessoa a

quem o site pertence

País do site Tipo do site anderson@unisalesiano.edu.br Usuário existente no servidor de e-mail Domínio existente

 Sites que permitem encontrar páginas de um conteúdo específico na Internet.

 Internacionais  www.altavista.com  www.yahoo.com  http://search.live.com/  Nacionais  www.google.com.br  www.cade.com.br  www.aonde.com.br

 Os motores de busca da Internet, ou

“buscadores”, são ferramentas essenciais para encontrar informações no vasto e crescente mundo da Internet;

 São sistemas de busca por palavras chave, em bases de dados aos quais foram

incluídas, automaticamente, páginas Web, através de mecanismos de busca pela rede;

 Para se fazer uma busca de informações

através de um buscador, basta digitar a palavra desejada, escolher o tipo de

pesquisa e clicar em “Pesquisar” ou teclar “Enter”;

 Após isso, será apresentada na tela uma seqüência de resultados de possíveis sites que contenham aquela informação pesquisada.

 Escolhe-se um dos links e clica-se nele,

para ir até o site que contém a informação.

 O resultado da busca por uma palavra

apresenta links para páginas onde esta palavra foi encontrada.

 Os buscadores utilizam mecanismos para que

as páginas mais importantes no resultado de uma pesquisa, apareçam logo no início.



Download

down

load

◦ Copiar um arquivo eletrônico;

 Processo de captura de informações pela cópia de arquivos localizados em

computadores distantes por seu próprio computador local.

 Forma de realização usual: através de links que estão em páginas

Web

◦ estes links apontam para arquivos que podem ser baixados

 Para se fazer um download deve-se clicar com o botão do mouse no link desejado, e selecionar a opção “Download”;

 Então abrirá uma janela com uma barra de progressão para o download.

 Alguns

sites

downloads

◦ www.superdownloads.com.br

◦ www.baixaki.ig.com.br/

 Serviço de recebimento e envio de

e-mails

 Para se ter acesso é necessário efetuar um cadastro com alguns dados do usuário;

 Utiliza páginas Web para a digitação e visualização das mensagens;

 Os fornecedores não se responsabilizam pelo conteúdo das mensagens, nem por qualquer dano que os usuários venham a ter ao utilizarem o serviço.



Os mais conhecidos:

◦ GMail (Google): www.gmail.com

◦ Yahoo: www.yahoo.com.br

◦ BOL: www.bol.com.br

◦ Hotmail: www.hotmail.com

 Para se redigir um e-mail, é necessário que você abra sua caixa de e-mail (informando endereço de e-mail e senha) e escolha a

opção “Escrever e-mail” ou “Novo”;

 Então, devse informar o endereço de e-mail da pessoa que irá recebê-lo, informar o assunto e digitar seu conteúdo;

 Existem diversas formas de comunicação via Internet, dentre as quais destacam-se:

◦ Email;

◦ Chats;

◦ Messagens instantâneas (ICQ, msn, yahoo mensseger, IRC);

◦ Skype (voz pela internet);

◦ Sites de relacionamentos: - Orkut: www.orkut.com;

HTML (HyperText Markup Language) é uma

linguagem de marcação usada para

apresentar informação na Web usando o protocolo http.

uma linguagem de marcação é um conjunto de códigos aplicados a um texto ou a dados, com o fim de adicionar informações

particulares sobre esse texto ou dado, ou sobre trechos específicos.

O HTML utiliza etiquetas, marcações que são

conhecidas como Tags, que consistem em

breves instruções tendo uma marca de início e outra de fim.

Estas tags determinam a formatação do texto, imagens e demais elementos que compõem uma página HTML.

Em HTML as tags iniciam com símbolo < e terminam com o símbolo >

<html>: Define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado

como uma série de códigos HTML.

<head>: Define o cabeçalho de um documento HTML. Este cabeçalho traz informações sobre o documento que está sendo aberto.

<body>: Define o conteúdo principal, o corpo do

documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades

comuns a toda a página, como cor de fundo, margens, entre outras formatações.

Dentro do cabeçalho (tag "<head>") podemos encontrar:

<title>: Define o título da página, que é exibido na barra de título dos browsers.

<style>: Define formatação em CSS.

<script>: Define programação de certas funções em página com scripts, e pode colocar funções de JavaScript.

<link>: Define ligações da página com outros arquivos como feeds, CSS, scripts, etc.

<meta>: Define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.

Linguagem limitada: tags são pré-definidas. Não há como criar tags novas que o navegador possa

entender.

Não existe separação entre conteúdo e formatação. A tag define o formato.

Praticamente impossível de manter (ou alterar) a unidade visual de um site de várias páginas.

Cascading Style Sheets ou CSS são estilos para páginas web.

Possibilitam a mudança da aparência simultânea de todas as páginas

relacionadas com o mesmo estilo. <link href="estilosnew.css"

h1 { font-family:"century gothic",serif; font-size:24pt; color:#4D9FFF; font-weight:normal; margin-bottom:2pt; }