Programação para Internet

Transcrição

1 Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 1 Introdução à Programação para Internet

2 2 Conteúdo Motivação Histórico da Internet e Comércio Eletrônico Fundamentos da Internet HTTP, TCP/IP, WWW, W3C, URL, DNS, HTML, CSS, etc. Arquiteturas de Desenvolvimento Modelo Cliente-Servidor Servidor Web Modelo Cliente-Servidor 3 Camadas Outras tecnologias Web Servidor Web e páginas dinâmicas (PHP, ASP, JSP, etc.)

3 3 Motivação Por quê estudar Programação para Internet? Com o crescimento da Internet, os sistemas de informação voltados para a rede mundial são cada vez mais comuns; O comércio eletrônico já faz parte do dia-a-dia da maioria das pessoas. Operações de busca e comparação de produtos, compra e venda, etc., podem ser realizadas com grande facilidade e praticidade; Sistemas integrados e interconectados geralmente possibilitam um melhor fluxo de dados nas empresas e contribuem para melhor tomada de decisão.

4 Breve Histórico da Internet

5 5 Surgimento da Internet Na década de 60, no auge da Guerra Fria, teve início o desenvolvimento da rede ARPANet, precursora da Internet; A ARPANet foi inicialmente criada com motivações militares pela ARPA (Agência de Projetos de Pesquisa Avançada do Departamento de Defesa dos EUA), com o objetivo de interligar as bases militares e os departamentos de pesquisa do governo norte-americano; Em 1970, a ARPANET foi utilizada para conectar quatro universidades americanas. Outras instituições ligadas à defesa também começaram a utilizar a rede; Havia 13 computadores na rede em janeiro de 1971; Em 1982 o protocolo TCP/IP foi introduzido na ARPANet.

6 6 ARPANET - Mapa Geográfico Ref.:

7 7 Surgimento da Internet No final da década de 80, os provedores de serviço de Internet comerciais (ISPs) começaram a surgir, dando início a uma nova era marcada pelo surgimento da Web. O que é World Wide Web (WWW)? Basicamente é a coleção mundial de páginas de Internet; As páginas de Internet, ou páginas Web, são documentos eletrônicos especiais que podem conter imagens, vídeos e links para outros documentos. Também chamada abreviadamente de Web.

8 8 Surgimento da Internet A Web começou como um projeto do CERN (European Organization for Nuclear Research), denominado ENQUIRE, proposto e iniciado por Tim Berners-Lee em 1989; A objetivo inicial do projeto era facilitar o compartilhamento de informações entre os pesquisadores do CERN; O primeiro website foi criado pelo próprio Tim em 1990; seu acesso para usuários externos ao CERN foi liberado em 1991; Em 1993, o software da Web foi colocado em domínio público pelo CERN; Tim Berners-Lee

9 9 Crescimento da Internet no Mundo Atualmente, mais de 4,1 bilhões de pessoas no mundo tem acesso à Internet (cerca de 54% da população); Fontes: Internet Systems Consortium e

10 Milhões de Pessoas* População no Brasil com Acesso à Internet , ,5 73,9 77,7 81,4 85, ,04 13,98 14,32 20,05 25,9 32, Ano *Pessoas com 10 anos ou mais Fonte: pesquisas diversas (IBGE, PNAD, TIC, statista.com). Programação para Internet Prof. Dr. Daniel A. Furtado 10

11 11 Internet e Comércio Eletrônico Comércio Eletrônico (e-commerce) Refere-se ao uso da Internet e da Web para conduzir negócios; Diz respeitos às transações comerciais realizadas digitalmente entre organizações e indivíduos ou entre duas ou mais organizações. Surgimento Início em 1995 quando um dos primeiros portais na Internet, o Netscape.com aceitou os primeiros anúncios de grandes corporações; Assim, o Netscape.com popularizou a ideia de que a Web poderia ser usada como nova mídia para publicidade e vendas. Modalidades B2C (Business-to-consumer) - Empresa-consumidor B2B (Business-to-business) - Empresa-empresa C2C (Consumer-to-consumer) Consumidor-consumidor G2C (Government-to-citizens) Governo-cidadão

12 Faturamento em Bilhões de Reais Faturamento do Comércio Eletrônico no Brasil , , , ,7 14,8 10,6 8,2 6,3 4,4 0,55 0,85 1,18 1,75 2, Fonte: ebit ( Programação para Internet Prof. Dr. Daniel A. Furtado 12

13 Fundamentos da Internet

14 14 Fundamentos da Internet Hipertexto (hypertext) Texto estruturado apresentado em computadores, smartphones, etc, com ligações lógicas (hiperlink) com outros textos, os quais podem ser acessados imediatamente.

15 15 Fundamentos da Internet HTML Hypertext Markup Language Linguagem de marcação de hipertexto usada para desenvolver páginas web; Permite a elaboração da estrutura da página web, incluindo a definição de tabelas, títulos, links, figuras, vídeos, etc.; Páginas web são conectadas com outras páginas através de hiperlinks; Desenvolvida e supervisionada pela W3C; Arquivo com a extensão.html Um documento HTML é interpretado e exibido por um programa navegador, como o Google Chrome ou o Mozilla Firefox.

16 16 Linguagem HTML - Exemplo Código HTML Resultado

17 Fundamentos da Internet World Wide Web Consortium (W3C) Organização internacional que desenvolve padrões abertos com o objetivo de garantir o crescimento da Web; Fundada por Tim Berners-Lee; Exemplos de padrões da W3C: HTML e XML; Web site: Programação para Internet Prof. Dr. Daniel A. Furtado 17

18 Fundamentos da Internet Hypertext Transfer Protocol (HTTP) Protocolo de transferência de hipertexto utilizado na World Wide Web; Define como as mensagens são formatadas e transmitidas, e quais ações os servidores Web e os navegadores devem tomar em resposta aos comandos. Programação para Internet Prof. Dr. Daniel A. Furtado 18

19 Fundamentos da Internet URL - Uniform Resource Locator. É basicamente uma string utilizada para localizar um recurso, como página ou imagem, na Web. Exemplos: URL: Nome de domínio: ufu.br Subdomínio: portaldocente.ufu.br Página Web: userlogininit Programação para Internet Prof. Dr. Daniel A. Furtado 19

20 Fundamentos da Internet ISP Internet Service Provider Organização que oferece serviços para o acesso ou participação na Internet. Exemplos de serviços oferecidos por ISPs: Acesso à rede; Registro de domínio; Hospedagem de sites; Programação para Internet Prof. Dr. Daniel A. Furtado 20

21 Fundamentos da Internet TCP/IP (Transmission Control Protocol / Internet Protocol) Protocolo de comunicação utilizado para a troca de dados entre computadores de uma rede. Protocolo TCP/IP Ideia simplificada Passo 1 O protocolo TCP quebra os dados em pacotes Passo 2 Os pacotes são transmitidos de roteador para roteador através da Internet de acordo com o protocolo IP. Passo 3 O protocolo TCP monta novamente os pacotes para compor a mensagem original. Programação para Internet Prof. Dr. Daniel A. Furtado 21

22 Fundamentos da Internet Endereço IP Número associado a cada dispositivo (como um computador ou smartphone) conectado a uma rede de computadores que utiliza o protocolo TCP/IP. Projetado inicialmente como um número de 32 bits (IPv4) Geralmente é apresentado como um grupo de 4 números separados por um ponto: Ex: Programação para Internet Prof. Dr. Daniel A. Furtado 22

23 Fundamentos da Internet DNS - Domain Name System Sistema de nomes hierárquico e distribuído que tem como função principal mapear os nomes de domínios para endereços IP Programação para Internet Prof. Dr. Daniel A. Furtado 23

24 Modelos e Arquiteturas

25 25 Arquitetura Cliente-Servidor Estrutura de aplicação distribuída que particiona as tarefas entre os provedores de um recurso ou serviço, denominado servidor, e os usuários desses recursos, denominados clientes; Geralmente clientes e servidores se comunicam através de uma rede de comunicação, embora possam se comunicar localmente; Exemplos: Servidor de Impressão Servidor de Banco de Dados

26 26 Arquitetura Cliente-Servidor Servidor Recebe e responde a solicitações dos clientes; Atende a diversos clientes simultaneamente; Exige hardware mais robusto, com maior capacidade de processamento; Software sempre em execução, aguardando ser chamado pelo cliente. Cliente Inicia e termina a comunicação com o servidor; Não necessita de hardware especial; Interação com o usuário final.

27 27 Servidor Web O termo Servidor Web é frequentemente utilizado para fazer referência ao sistema de software que recebe solicitações de páginas de Internet através do protocolo HTTP e processa e envia os dados solicitados. O termo também pode ser utilizado para designar o computador servidor que executa o software descrito acima. Modelo simplificado Cliente Faz a requisição de uma página web utilizando um programa navegador Servidor Web Identifica a requisição, processa e envia os arquivos da página para o cliente que solicitou. Requisição Requisição Internet Arquivos da página Arquivos da página

28 28 Servidor Web - Exemplos Apache HTTP Server Apache Tomcat (para tecnologias Java) Microsoft IIS - Internet Information Server

29 29 Arquitetura Cliente-Servidor 3-Camadas Camada de Apresentação Provê a interface com o usuário; É dela que são feitas as requisições; Camada de Negócio As vezes é chamada de Lógica Empresarial ou Regras de Negócio. Provê as operações intrínsecas do sistema. Camada de Dados Provê o acesso aos dados. Recebe as requisições da camada de negócios e seus métodos executam essas requisições.

30 Arquitetura Cliente-Servidor 3-Camadas Cliente-Servidor 2-Camadas (Exemplo) Cliente-Servidor 3-Camadas (Exemplo) Servidor de Banco de Dados Servidor de aplicações Servidor de Banco de Dados Clientes Clientes Web (Adaptado de: PADOVEZE, Clóvis L. Sistemas de Informações Contábeis. São Paulo: Atlas, 2004) Programação para Internet Prof. Dr. Daniel A. Furtado 30

31 Outras Conceitos e Tecnologias

32 32 Linguagem CSS Cascade Style Sheet É uma linguagem de estilos que descreve como os elementos HTML devem ser exibidos; Permite a separação da formatação do documento (estilos) de seu conteúdo propriamente dito; Várias páginas de um website podem acessar os estilos de formatação definidos em um único arquivo.css

33 33 Linguagem JavaScript JavaScript é uma linguagem de programação muito utilizada no desenvolvimento de websites, juntamente com HTML e CSS; Os scripts em JavaScript são comumente executados por um programa navegador no lado do cliente. Possibilitam: Melhorar a navegabilidade das páginas; Melhorar a interação com o usuário; Fazer a validação de campos em formulários; Esconder e exibir campos; Identificar qual o programa navegador em uso;...e muito mais!

34 34 Biblioteca jquery jquery é uma biblioteca desenvolvida em JavaScript; Com jquery, muitas tarefas podem ser realizadas de maneira mais simples (quando comparado ao JavaScript puro); Um dos fundamentos é: fazer mais, codificando menos; A biblioteca é largamente utilizada no desenvolvimento de websites; Executada basicamente da mesma forma pelos principais navegadores, como Google Chrome, Firefox, IE, etc.

35 35 Websites Estáticos O conteúdo a ser exibido é sempre o mesmo ; O conteúdo é geralmente formado por uma coleção de páginas HTML que não se alteram a cada acesso; Geralmente não acessam um banco de dados; Não utilizam uma linguagem de processamento dos dados no servidor, como PHP, ASP, etc.;

36 36 Websites Dinâmicos Existem diversas tecnologias que são utilizadas para geração de páginas web dinamicamente, realizando o acesso à bancos de dados e provendo funcionalidades adicionais; Websites dinâmicos geralmente são desenvolvidos utilizando uma linguagem de programação no lado do servidor (server-side), como: PHP - PHP: Hypertext Preprocessor ASP.NET - Active Server Pages Java

37 37 Websites Dinâmicos - Linguagens Estatísticas de uso segundo o site W3Techs das principais linguagens de programação server-side:

38 Websites Dinâmicos - Linguagens Programação para Internet Prof. Dr. Daniel A. Furtado 38

39 39 Tecnologia AJAX AJAX = Asynchronous JavaScript and XML. Possibilita trocar dados com o servidor e atualizar partes de uma página web sem precisar recarregar a página inteira; Com AJAX, a comunicação do cliente com o servidor pode ser realizada de forma assíncrona (em segundo plano), sem interromper as funcionalidades da página corrente.

40 40 Referências LAUDON, Kenneth C.; LAUDON, Jane P. Sistemas de informação gerenciais. 7. ed. São Paulo: Pearson, p