INTRODUÇÃO À INTERNET E À WORLD WIDE WEB CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Conceitos básicos Histórico Principais modelos e tecnologias 2 2
CONCEITOS BÁSICOS Internet World Wide Web Web sites Navegação 3 3 INTERNET Conglomerado de redes de computadores interconectadas em escala mundial Internet x internet: significados diferentes internet (com a primeira letra em minúsculo): conjunto de redes de computadores interligadas Internet (com a primeira letra em maiúsculo): internet global e pública Serviços disponíveis Acesso remoto à outras máquinas: Telnet, SSH Transferência de arquivos: FTP Correio eletrônico (e-mail) Bate-papo online (chats) Mensagens instantâneas: ICQ, Messenger, Blogs Web 4 4
WORLD WIDE WEB Tradução literal: rede de abrangência mundial Outras terminologias adotadas: Web, WWW Rede de documentos em forma de hipertexto disponíveis via Internet Hipertexto: texto em formato digital, ao qual agrega-se outros documentos (páginas, imagens, sons, etc.), cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links Links: termos destacados no corpo de texto principal, ícones gráficos ou imagens Internet não é sinônimo de World Wide Web: a Web é apenas um dos muitos serviços oferecidos na Internet 5 5 WORLD WIDE WEB Distinção entre Web (substantivo próprio) e web (substantivo comum): Web engloba toda a Internet Outras webs existentes em redes privadas podem ou não fazer parte da Internet Origens: resultado de um projeto do CERN (Organização Européia para a Investigação Nuclear), em 1989 A cargo de Timothy John Berners-Lee Desenvolvimento de sistema protótipo que se tornou um modelo do que hoje é a World Wide Web Objetivo: facilitar o compartilhamento de documentos de pesquisas entre os colegas 6 6
WORLD WIDE WEB Visão geral Website sites.google.com.br/site/alexandrossilva Site www.portal.ifba.edu.br/ Internet 7 7 WEB SITES Outros terminologias: site, website, sítio Conjunto de páginas Web Documentos organizados em formato de hipertexto Normalmente, acessíveis via protocolo HTTP na Internet World Wide Web: conjunto de todos os sites públicos existentes 8 8
NAVEGAÇÃO Navegador: software usado para descarregar documentos ou páginas de servidores Web e mostrá-los na tela do usuário Seguir links disponíveis Acessar outros documentos Enviar informações de volta para o servidor para que o usuário interaja com ele O ato de seguir links é comumente chamado de navegar ou surfar na Web Alguns dos navegadores mais populares Internet Explorer Mozilla Firefox Google Chrome 9 9 NAVEGAÇÃO Navegador Internet Explorer 10 10
NAVEGAÇÃO Navegador Mozilla Firefox 11 11 NAVEGAÇÃO Navegador Google Chrome 12 12
HISTÓRICO 1969 ARPANET (Advanced Research Projects Agency Network) Objetivo: desenvolver uma rede de comunicação que não deixasse os norte-americanos vulneráveis, em caso de algum ataque soviético aos Estados Unidos Primeira interconexão entre dois terminais, localizados em uma universidade de Los Angeles e um instituto de Menlo Park, Califórnia Transmissão de dados entre órgãos militares e institutos de pesquisa sem ter um centro definido ou mesmo uma rota única para o tráfego das informações, tornando-se quase indestrutível Precursora da Internet 1988 Início da abertura da rede para o público geral 1989 Surgimento da World Wide Web (WWW) Intento original: tornar mais fácil o compartilhamento de documentos de pesquisas entre os colegas 1991 A WWW é disponibilizada mundialmente 13 13 HISTÓRICO 1989 Surgimento da World Wide Web (WWW) Intento original: tornar mais fácil o compartilhamento de documentos de pesquisas entre os colegas 1991 A WWW é disponibilizada mundialmente 1993 Mosaic: navegador gráfico desenvolvido por um time de desenvolvedores universitários Antes de seu lançamento, os gráficos não eram freqüentemente misturados com texto em páginas web 1994 Netscape Navigator: navegador mais usado e mais popular até ao final da década de 1990 14 14
HISTÓRICO 1994 Criação da World Wide Web Consortium: consórcio de empresas de tecnologia que se propõem a desenvolver padrões para a criação e a interpretação dos conteúdos para a Web 1997 Popularização da rede: crescimento exponencial de número de usuários 15 15 PRINCIPAIS MODELOS E TECNOLOGIAS Modelo Cliente-Servidor Protocolo HTTP Estrutura URI 16 16
MODELO CLIENTE-SERVIDOR Visão geral Cliente Solicitação de Serviço Servidor Envio de Resultado REDE 17 17 ESTRUTURA URI Recursos disponíveis na Web são associados a endereços codificados via URI (Universal Resource Identifier) URI Tradução literal: Identificador Universal de Recursos Seqüência de caracteres (strings) cujo conteúdo permite identificar elementos da rede, sejam eles físicos (servidores, roteadores, etc.) ou virtuais (programas e dados) Caracteres especiais / (barra): representação de níveis na hierarquia de endereços // (duas barras): representação de uma raiz comum a todos endereços na Internet Precedendo essa raiz em todo URI, um prefixo identifica o protocolo de acesso a ser utilizado (HTTP, FTP, etc.) 18 18
ESTRUTURA URI Visão geral Cliente http://www.portal.ifba.edu.br/ Servidor Envio de Resultado REDE 19 19 ESTRUTURA URI Divisão básica de um URI O esquema de nomenclatura do protocolo usado para acessar o recurso O nome da máquina hospedeira do recurso O nome do próprio recurso, fixado como um nome-decaminho Exemplo de URI com uso do protocolo HTTP Protocolo Domínio ou IP http://www.portal.ifba.edu.br/cursos/ensino-tecnico-subsequente.html Caminho local Raiz dos endereços de Internet do recurso URL(Universal Resource Locator): corresponde a um subconjunto do URI. Trata-se do sistema de endereçamento da Web; já a URI é a sintaxe na qual a URL é baseada 20 20
PROTOCOLO HTTP HyperText Transfer Protocol (Protocolo de Transferência de Hipertexto) Protocolo utilizado por clientes e servidores para transferência de dados hipermídia (imagens, sons e textos) na World Wide Web Versões HTTP/0.9: protocolo simples para a transferência de dados no formato de texto ASCII pela Internet, através de um único método de requisição, chamado GET HTTP/1.0: suporte à transferência de dados que não fossem apenas textos; novo método de requisição, chamado POST HTTP/1.1: versão atual, com um conjunto de implementações adicionais ao HTTP/1.0 21 21 PROTOCOLO HTTP Quando uma mensagem de solicitação de serviço é enviada a um servidor, este recebe, além do URI do recurso desejado, a indicação de um método a ser aplicado sobre o recurso e a versão do protocolo utilizada URL Documentos (arquivos HTML) Browser (Cliente) HTML + GIF +... INTERNET Servidor HTTP Programas 22 22
PROTOCOLO HTTP Exemplo de sessão WEB Requisição de URI http://www.facape.br/ pelo usuário O browser realiza a conexão e envia a solicitação via protocolo HTTP GET http://www.facape.br/ Accept: text/html, image/gif, image/jpeg User-Agent: Mozilla/3.0 (Browser) O servidor recebe a solicitação e procura pelo recurso (como na URL do exemplo não está identificado o arquivo solicitado, por default neste servidor, o arquivo corresponde ao index.php ) Resposta do servidor: HTTP/1.1 200 OK Date: Wed, 24 Mar 1999 23:23:45 GMT Server: Apache Connection: close Content-Type: text/html Content-length: 648 + o código HTML Apresentação de resultado na tela, pelo browser 23 23 REFERENCIAS BIBLIOGRÁFICAS TRIGO, Luis Nícolas de Amorim. APOSTILA DE PROGRAMAÇÃO WEB - Introdução ao Universo Web. Autarquia Educacional do Vale do São Francisco, 2008. Disponível em <http://www.facape.br/nicolas/pw/01_- _Introducao_ao_Universo_Web.pdf>. Acesso em 09 de agosto de 2010. 24 24