Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desenvolvimento Web Aula 1

Desenvolvimento Web Aula 1

Aula de desenvolvimento Web

Toda a fonte desses exercícios, slides e até mesmo alguns vídeos estão disponíveis no meu site http://www.bacciotti.net

Tiago Bacciotti Moreira

March 10, 2024
Tweet

Transcript

  1. Fonte O material utilizado nessa apresentação e em algumas outras

    que iremos trabalhar durante nossa disciplina foi originalmente desenvolvido pelo professor Jacson Rodrigues do Departamento de Computação da Universidade Federal do Espírito Santo e gentilmente cedido para nosso trabalho na disciplina de Desenvolvimento Web. https://jeiks.net/ Lattes disponível em: http://lattes.cnpq.br/0637308986252382 Nosso muito obrigado ao professor Jacson :)
  2. Ementa Apresentar tecnologias e linguagens a serem utilizadas na programação

    para a web (protocolo HTTP). Ao final desta disciplina o aluno deverá implementar sistemas de informação para a web, em várias camadas e utilizando-se de interfaces de programação de aplicações (APIs) básicas ou de frameworks especializados para a programação na web.
  3. Objetivo Geral: Fazer com que os alunos do 6º período

    saiam para o mercado de trabalho embasados nas principais ferramentas para se trabalhar com programação para web. Sendo aptos a discutirem sobre tais assuntos além de utilizá- los em seu cotidiano de trabalho. Objetivos Específicos: Conhecer padrão MVC, modelo cliente servidor e principais tecnologias Web.
  4. Bibliografia SOARES, Walace. PHP 5: conceitos, programacao e integracao com

    banco de dados. Sao Paulo: Erica, 2004. 523p ALUR, D., CRUPI, J., MALKS, D. Core J2EE Patterns. Campus, 2002. ULLMAN, Larry. PHP 6 e MySQL 5 para Web Sites Dinamicos: Aprenda PHP e MySQL com rapidez e eficiencia. Rio de janeiro: Ciencia Moderna, 2008. 874p
  5. Aula Data Dia Obs 1 09/novembro Seg 2 16/novembro Seg

    3 23/novembro Seg 4 30/novembro Seg 5 07/dezembro Seg 6 14/dezembro Seg Prova 1 7 18/janeiro Seg 8 25/janeiro Seg 9 01/fevereiro Seg 10 08/fevereiro Seg 11 22/fevereiro Seg 12 01/março Seg 13 08/março Seg 14 15/março Seg 15 22/março Seg Prova Semestral 16 29/março Seg Fim Recesso 1 Recesso 2 Aulas Novas na Segunda Programação para Web
  6. Web • Até a década de 1990, a Internet era

    utilizada − por pesquisadores, acadêmicos e universitários, − para troca de arquivos e − para correio eletrônico. • Então, no início dessa década, iniciou-se a − World Wide Web • Que atraiu a atenção de todos.
  7. HTTP • Hypertext Transfer Protocol (HTTP) • Protocolo de Transferência

    de Hipertexto − Protocolo de camada de aplicação da Web; − Definido pela RFC 1945 e RFC 2616; − É implementado por um servidor e um cliente. − Os dois sistemas comunicam-se com mensagens HTTP; − O protocolo HTTP define a estrutura dessas mensagens e o modo de trocá-las.
  8. Página Web e HTTP • Uma página Web é constituída

    de objetos. • O Objeto é um arquivo, como: html, jpg, applet, etc. • Uma página Web geralmente é um − arquivo-base HTML, que − referencia diversos outros objetos. • O pedido da página Web é realizado por uma URL: − URL: Uniform Resource Locator; − Ex.: www.ufes.br/pagina.html − Onde: • Hospedeiro: www.ufes.br • Caminho da página Web requisitada: pagina.html
  9. Página Web e HTTP • Cada objeto é endereçável por

    uma URL: • O HTTP utiliza o TCP como protocolo de transporte www.dominioweb.com/pasta/figura.gif PC executa o navegador Servidor rodando um servidor Web (ex. Apache) PC executa O navegador
  10. Protocolo HTTP • HTTP é sem estado − O servidor

    não mantém informação sobre pedidos anteriores do cliente, exceto nos logs. • Uma conexão HTTP é: − Não persistente: • No máximo um objeto é enviado numa conexão TCP; • HTTP/1.0 usa o HTTP não persistente. − Persistente: • Múltiplos objetos podem ser enviados sobre uma única conexão TCP entre cliente e servidor; • HTTP/1.1 usa conexões persistentes no seu modo padrão.
  11. Modelagem do tempo de resposta • RTT − Tempo de

    viagem de ida e volta; − Round-Trip Time. − Intervalo de tempo entre a ida e a volta de um pequeno pacote entre um cliente e um servidor. • Tempo de resposta: − um RTT para iniciar a conexão TCP; − um RTT para o pedido HTTP e o retorno dos primeiros bytes da resposta HTTP; − tempo de transmissão do arquivo. • Total: 2RTT+tempo de transmissão tempo para transmitir o arquivo Inicia a conexão TCP • RTT solicita arquivo • RTT arquivo recebido • tempo • tempo
  12. Formato da mensagem HTTP • Mensagem de pedido − GET

    /somedir/page.html HTTP/1.0 − Host: www.someschool.edu − User-agent: Mozilla/4.0 − Connection: close − Accept-language:fr − <enter> − <enter>
  13. Exemplos • Comando: telnet www.uemg.br 80 − GET /index.html HTTP/1.1

    − Host: www.ufes.br − Pressione ENTER duas vezes − • Comando: telnet www.uemg.br 80 − GET /index.html HTTP/1.0 − Host: www.ufes.br − Pressione ENTER duas vezes − • Para ver as conexões: netstat -antp
  14. Tipos de métodos • HTTP/1.0 • GET − Usuário requisita

    um objeto • POST − Usuário preenche formulário (colocado no corpo da mensagem) • HEAD − Pede para o servidor não enviar o objeto requerido junto com a resposta (usado p/ depuração) • HTTP/1.1 • GET, POST, HEAD • PUT − Upload de arquivo contido no corpo da mensagem para o caminho especificado no campo URL • DELETE − Usuário exclui do servidor Web arquivo especificado no campo URL
  15. Enviando o conteúdo de um form • Método POST :

    • Conteúdo é enviado para o servidor no corpo da mensagem • Método GET: • Conteúdo é enviado para o servidor no campo URL: − www.teste.com/pass.htm?usuario=teste&senha=12
  16. Formato da mensagem HTTP • Mensagem de resposta: − HTTP/1.1

    200 OK − Connection close − Date: Thu, 06 Aug 1998 12:00:15 GMT − Server: Apache/1.3.0 (Unix) − Last-Modified: Mon, 22 Jun 1998 …... − Content-Length: 6821 − Content-Type: text/html − − todo o conteúdo do objeto pedido, nesse caso, o html
  17. Códigos de resposta HTTP • Mais comuns: − 200 OK

    • sucesso, objeto pedido segue mais adiante nesta mensagem − 301 Moved Permanently • objeto pedido movido, nova localização na mensagem, em “Location:” − 400 Bad Request • mensagem de pedido não entendida pelo servidor − 404 Not Found • documento pedido não se encontra neste servidor − 505 HTTP Version Not Supported • versão de http do pedido não usada por este servidor • Demais códigos no protocolo, ou em: − http://pt.wikipedia.org/wiki/
  18. Cookies • Utilizados para manter o “estado” da conexão •

    São armazenados no disco rígido do cliente com dados do usuário. • Permitem que os sites identifiquem e monitorem os seus usuários. • Utilizados por muitos sites para manter a “sessão”.
  19. Cookies • Quatro componentes: − 1. linha de cabeçalho do

    cookie na mensagem de resposta HTTP; • Set-cookie: 1678 − 2. linha de cabeçalho do cookie na mensagem de pedido HTTP • Cookie: 1678 − 3. arquivo do cookie mantido no host do usuário e gerenciado pelo browser do usuário − 4. Banco de Dados (BD) de apoio do site da Web
  20. Cookies • Tarefas realizadas com cookies: − Autorização após armazenamento

    do registro da pessoa; − Registro da lista de compras no Ecommerce; − Sugestões - recomendar produtos; − Estado da sessão do usuário (Web email) – identificação do usuário; − Eles armazenam coisas que você acessou, sites que você viu.
  21. Cookies • Segurança: − permitem que os sites tenham informações

    do usuário; − pode fornecer nome e e-mail do usuário para os sites; − mecanismos de busca usam redirecionamento e cookies para aprender ainda mais sobre o usuário − agências de propaganda obtêm perfil a partir dos sites visitados e oferecem produtos perturbando os usuários