Baixar para ler offline
1- Precedentes e Conceitos Fundamentais para o Desenv. Web.pptx
- 1. Profº. Helvio JeronimoJunior helvio.jeronimo@ifrj.edu.br Desenv. de Web Sites IFRJ CNIT Pós-Graduação Lato Sensus em Educação e Novas Tecnologias Desenvolvimento de Web Sites Precedentes e Conceitos Fundamentais
- 2. Precedentes... • As redesde computadores proporcionaram o surgimento da internet. – Sugiram durante a década de 1970 como facilitadoras dos acessos a recursos de hardware (impressoras, dispositivos de armazenamento e unidade de processamento) entre os diversos usuários. Isso porque os equipamentos dessa época apresentavam altos preços. • Surgimento de diferentes tecnologias e padrões: – ... – 1996: ARPANET – 1970-1976: Protocolos NCP, TCP/IP – 1984: Sistema de Nome de Domínio (DNS) – 1988: + de 60.000 servidores – 1990: Criação do HTML e surgem os primeiros Internet Service Provider comerciais e primeiro software World WideWeb – 1992: WWW (World Wide Web) 1 milhão de servidores – Protocolos específicos...
- 3.
- 4.
- 5.
- 6. História da Internet ▪Formas de comunicação à distância ▪ Fumaça 6
- 7. História da Internet ▪Formas de comunicação à distância ▪ Samuel Morse: Invenção do Telégrafo (código morse) 7
- 8. História da Internet ▪Formas de comunicação à distância ▪ Samuel Morse: Invenção do Telégrafo (código morse) https://www.youtube.com/watch?v=_pdhi3E_VzE 8
- 9. História da Internet ▪Evolução dos Computadores... 1945 1959 ENIAC IBM 1401 9
- 10. História da Internet ▪Surgimento da DARPA e Arpanet... 1969 1970 Arpanet DARPA 10
- 11. História da Internet ▪Objetivo inicial da DARPA 11
- 12. História da Internet ▪1972: Ray Tomlison cria o sistema de envio de mensagens eletrônicas (e- mail) ▪ 1973: Robert Kahn cria o protocolo Transfer Control Protocol (TCP) e o termo INTERNETTING ▪ 1973: Vint Cerf cria o protocolo Internet Protocol (IP) ▪ Conjunto de protocolos → TCP/IP 12
- 13. História da Internet ▪Expansão da rede → Governo deixa a responsabilidade de cuidar da internet 13
- 14. História da Internet Comoesses pontos são interligados? 14
- 15. História da Internet ▪Cabos submarinos. 15
- 16. ▪ Surgimento daLinguagem HTML ○ 1980: Projeto Enquire: visava a criação de hipertextos. ○ Hipertexto: conceito associado a textos, imagens, sons e qualquer tipo de conteúdo multimídia. ○ 1990: Tim Berners-Lee identificou que o conteúdo multimídia poderia ser transmitido pela rede. História da Internet 16
- 17. História da Internet ▪Criação do HTTP (Hypertext Transfer Protocol): Protocolo de Transferência de Hipertextos ▪ Criação do HTML (HyperText Markup Language): Linguagem de Marcação de Hipertexto usada para a construção de páginas web. ▪ Criação do conceito de WWW (World Wibe Web): sistema que engloba todos os documentos em hipermídia que estão interligados e executados na internet. 17
- 18. Primeiro site usandoo protocolo HTTP e a linguagem HTML http://info.cern.ch/hyperte xt/WWW/TheProject.html Já era necessário o uso de um Navegador 18 História da Internet
- 19. ▪ Navegador (WebBrowser) ▪ 1992: Mosaic: Famoso navegador criado pela NCSA (Universidade Ilinois) ▪ 1994: Mosaic é atualizado dando origem ao Netscape 19 História da Internet
- 20. ▪ Navegador (WebBrowser) ▪ 1995: Surgimento de outros navegadores, dentre eles a primeira versão do Internet Explorer (Microsoft) 20 História da Internet
- 21. ▪ Navegador (WebBrowser) ▪ 1996: 86% dos usuários da internet usavam Netscape ▪ 1998: versão do Microsoft Windows com o Internet Explorer instalado por padrão, 90% dos usuários usavam I.E. ▪ 1999: a empresa Netscape é vendida para a America Online, os programadores então criaram uma fundação chamada Fundação Mozilla. 1996 1998 1999 21 História da Internet
- 22. ▪ Navegador (WebBrowser) ▪2008: Google Chrome → outra empresa entra na “briga” dos navegadores 22 História da Internet
- 23. ▪ Navegador (WebBrowser) ▪ Uso dos navegadores Fonte: https://www.statista.com/chart/10402/worldwide-browser-market-share-by-platform. 23 História da Internet
- 24. Profº. Helvio JeronimoJunior helvio.jeronimo@ifrj.edu.br Desenv. de Web Sites IFRJ CNIT Pós-Graduação Lato Sensus em Educação e Novas Tecnologias Obrigado!
- 25.
- 26.
- 27. ▪ Cliente ○ Umcliente não compartilha qualquer de seus recursos, mas solicita um conteúdo ou função do servidor. Os clientes iniciam sessões de comunicação com os servidores que aguardam requisições de entrada. ▪ Servidor ○ Um servidor é um host (máquina) que está executando um ou mais serviços ou programas que compartilham recursos com os clientes. 28 Arquitetura Web (Cliente-Servidor)
- 28. ▪ Front-end ○ Tambémconhecido como “o lado do cliente”, esse representa toda a estrutura, design, conteúdo, comportamento, desempenho e capacidade de resposta de um site ou aplicação, ou seja, tudo o que é apresentado aos usuários para interação. ▪ Back-end ○ Esse representa o servidor, aplicações executando no servidor, serviços específicos e o banco de dados. 29 Arquitetura Web (Front End –Back End)
- 29.
- 30. ▪ Protocolos ○ Oprotocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. ○ Tecnologicamente, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. ○ Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem. 31 Protocolos
- 31. ▪ IP ○ InternetProtocol ou Protocolo de Internet, é um dos mais importantes entre os protocolos presentes na internet. ○ Ele tem por missão identificar as máquinas e redes e fazer o encaminhamento (roteamento) correto das transmissões entre elas. 32 Protocolos
- 32. ▪ TCP ○ TransmissionControl Protocol ou Protocolo de Controle de Transmissão, é um dos protocolos pertencentes ao conjunto TCP/IP. ○ De maneira geral, podemos afirmar que esse protocolo é o responsável pelo controle das transmissões de pacotes de informação na internet. É o protocolo TCP o responsável pelo reagrupamento dos pacotes de informações, reorganizando-os, se necessário, de acordo com a sua ordem original, de forma a garantir que a mensagem que chega ao receptor seja a mesma que foi enviada pelo emissor. 33 Protocolos
- 33. ▪ TCP/IP ○ TransmissionControl Protocol/Internet Protocol – Protocolo de Controle de Transmissão e o Protocolo de Internet. ○ TCP/IP é considerado o protocolo padrão da internet 34 Protocolos
- 34. ▪ HTTP ○ HypertextTransfer Protocol ou Protocolo de Transferência de Hipertexto é um protocolo que serve de base à web – World Wide web (WWW), permitindo-nos visualizar as páginas web. 35 Protocolos
- 35. ▪ Serviço Eletrônico ○O correio eletrônico ou e-mail (electronic mail) permite às pessoas se comunicarem por meio de mensagens escritas. 36 Serviços e Tecnologias
- 36. ▪ WWW ○ Outroserviço bastante difundido na internet é o World Wide web (WWW). O termo www ou Teia de Alcance Mundial vem do fato de que, se mapearmos as rotas de tráfego de dados e a sua distribuição, teremos uma espécie de Teia de Aranha que cobre todo o planeta. ▪ Documentos Web (sites): ○ Os links (ligações) ou hyperlinks (ligações de hipertexto) nos possibilitam que as informações do hipertexto sejam lidas de forma não sequencial, ao contrário de um texto convencional, que sempre induz o leitor a fazer uma leitura linear e estejam localizadas em quaisquer computadores conectados à rede. ○ O hipertexto nada mais é que um conjunto de informações compostas por textos, gráficos, fotografias, áudio e vídeo, associações entre essas informações, os links ouhyperlinks. 37 Serviços e Tecnologias
- 37. ▪ Navegador ▪ URL ○Todos os recursos disponíveis na web têm um endereço, que é único para cada site que se quer acessar. Esse endereço é chamado de URL (Uniform Resource Locator). 38 Serviços e Tecnologias
- 38. 39 Tecnologias >> Linguagens(Front-end) HTML – A camada que apresenta o conteúdo Podemos dizer que o HTML é a primeira camada. É nesta camada que atribuímos semântica ao conteúdo. É onde podemos dizer que determinada informação é um parágrafo, que determinado texto é um artigo, etc. O HTML é responsável por exibir o conteúdo dando-lhe significado. CSS – A camada que dá forma aos elementos do HTML O CSS é uma linguagem de estilização, formatação. Quando você vê um texto com determinado estilo, uma página com determinada cor de fundo ou um bloco envolto a uma borda saiba que tudo isso foi obtido com CSS. O CSS seleciona um elemento do HTML para estilizá-lo e apresentá-lo como nova forma no navegador Javascript – A camada que adiciona comportamentos dinâmicos Quando o usuário está em contato com a interface de uma página pode a qualquer momento executar uma ação que resulte em um comportamento na página. Muitos desses resultados devem-se a acionamentos de scripts criado pela linguagem Javascript. Um exemplo bem comum de comportamento dinâmico obtido com Javascript é quando ao preencher um formulário erramos o e-mail é o sistema nos avisa.
- 39. 40 Tecnologias >> Linguagens(Back-end)
- 40. 41 Tecnologias >> Gerenciadoresde Conteúdos
- 41. 42 Tecnologias - Gerenciadoresde Conteúdos Foco da nossa disciplina
- 42. 43 Tecnologias - Gerenciadoresde Conteúdos Foco da nossa disciplina
- 43. 44 DÚVIDAS? Profº. Helvio JeronimoJunior helvio.jeronimo.ifrj.edu.br Curso de Pós Graduação Lato Sensu em Educação e Novas Tecnologias
Notas do Editor
- #2 A Advanced Research Projects Agency Network (acrônimo ARPANET; em português: Rede da Agência para Projetos de Pesquisa Avançada) foi uma rede de computadores construída em 1969 para transmissão de dados militares sigilosos e interligação dos departamentos de pesquisa nos Estados Unidos,[1] inicialmente financiada pela então Agência de Projetos de Pesquisa Avançada (ARPA, atual DARPA) do Departamento de Defesa dos Estados Unidos.[2][3] Esta rede foi a primeira a fazer comutação de pacotes à distância e a implementar o protocolo de rede NCP (Network Control Protocol, em português, Protocolo de Controle de Rede) e o protocolo de internet TCP/IP (Transmission Control Protocol/Internet Protocol, em português, Protocolo de Controle de Transmissão/Protocolo de Internet) tornando-se o ponto inicial e a base técnica da rede mundial de computadores, a internet.[4][5]
- #3 A Advanced Research Projects Agency Network (acrônimo ARPANET; em português: Rede da Agência para Projetos de Pesquisa Avançada) foi uma rede de computadores construída em 1969 para transmissão de dados militares sigilosos e interligação dos departamentos de pesquisa nos Estados Unidos,[1] inicialmente financiada pela então Agência de Projetos de Pesquisa Avançada (ARPA, atual DARPA) do Departamento de Defesa dos Estados Unidos.[2][3] Esta rede foi a primeira a fazer comutação de pacotes à distância e a implementar o protocolo de rede NCP (Network Control Protocol, em português, Protocolo de Controle de Rede) e o protocolo de internet TCP/IP (Transmission Control Protocol/Internet Protocol, em português, Protocolo de Controle de Transmissão/Protocolo de Internet) tornando-se o ponto inicial e a base técnica da rede mundial de computadores, a internet.[4][5]
- #6 É importante ressaltar que um dos principais objetivos do surgimento da internet foi possibilitar a comunicação. E nesse contexto, podemos destacar algumas das formas de comunicação que antecedem o surgimento da internet.
- #25 A Advanced Research Projects Agency Network (acrônimo ARPANET; em português: Rede da Agência para Projetos de Pesquisa Avançada) foi uma rede de computadores construída em 1969 para transmissão de dados militares sigilosos e interligação dos departamentos de pesquisa nos Estados Unidos,[1] inicialmente financiada pela então Agência de Projetos de Pesquisa Avançada (ARPA, atual DARPA) do Departamento de Defesa dos Estados Unidos.[2][3] Esta rede foi a primeira a fazer comutação de pacotes à distância e a implementar o protocolo de rede NCP (Network Control Protocol, em português, Protocolo de Controle de Rede) e o protocolo de internet TCP/IP (Transmission Control Protocol/Internet Protocol, em português, Protocolo de Controle de Transmissão/Protocolo de Internet) tornando-se o ponto inicial e a base técnica da rede mundial de computadores, a internet.[4][5]
- #31 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #32 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #33 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #34 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #35 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #36 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #37 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #38 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #39 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #40 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #41 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #42 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #43 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.
- #44 A internet, por se tratar de uma rede de computadores, precisa de seu sistema básico de comunicação para funcionar, chamado de protocolo. Então, o que esse protocolo? O protocolo nada mais que um conjunto de especificações objetivas que os computadores entendem. No jargão tecnológico, é um conjunto de regras que caracterizam o formato, a sincronização, a sequência e detecção de erros e falhas na comutação de pacotes, ou seja, na transmissão de informação entre computadores. Portanto, para que dois ou mais computadores possam se comunicar numa rede, eles têm que usar o mesmo protocolo, ou seja, têm que falar a mesma linguagem.