Composição Web. Laboratório 0: Serviços de Comunicação na Internet. Prof. Lúcio Studer Ferreira

Tamanho: px

Começar a partir da página:

Download "Composição Web. Laboratório 0: Serviços de Comunicação na Internet. Prof. Lúcio Studer Ferreira"

Cristiana Sá
5 Há anos
Visualizações:

1 Composição Web Laboratório 0: Serviços de Comunicação na Internet Prof. Lúcio Studer Ferreira 1

2 Objetivo Entender o Modelo Cliente-Servidor da Internet. 2

3 Endereço IP do Cliente Descubra o endereço IP do seu terminal recorrendo a: Comando ipconfig no command line (cmd) Ipv4 Address de Ethernet Adapter Locar Area Connection Google, perguntando o seu IP Existem diferenças Porquê 3

4 Endereço IP do Cliente Descubra o endereço IP do seu telemóvel, recorrendo a: Identifique o local geográfico indicado para o seu IP. Explique. 4

5 Endereço IP do Servidor Perguntar ao DNS tradução de um URL no endereço IP correspondente. Comando nslookup questiona nomes do DNS nslookup <hostname> Exemplo: Traduzir no endereço IP o nome do Web site Questionar o IP no Google

6 Testar a comunicação Cliente-servidor Testar a comunicação recorrendo ao comando ping. ping Envio de mensagem ICMP ping <endereço IP ou nome da máquina> Verificar conectividade para verificar estatísticas sobre viagem do pacote 6

7 Nós da rota entre o Cliente-servidor (1) Identifique os nós por onde passam os pacotes. traceroute Medição do atraso da fonte até os diversos routers ao longo do caminho até o destino final <máquina destino> na internet tracert <ip máquina destino ou nome desta> Exemplo nslookup traceroute <ip obtido no resultado> 7

8 Nós da rota entre o Cliente-servidor (2) Veja a representação gráfica correspondente em Analise para Comente o que observa. 8

9 Acesso HTTP a uma página Web (1) Web browsers (clientes HTTP) Aplicações que enviam pedidos HTTP ao servidor e recebem a resposta Tipicamente, num site web corresponde ao cliente que navega e pede páginas com conteúdos ao servidor, e recebe e processa as respostas Sem interface gráfica text-- based web browser (e.g. links) Com interfaces gráficas Firefox, Internet Explorer, Safari, Chrome Compõe os dados numa interface gráfica para visualização 9

10 Acesso HTTP a uma página Web (2) No Chrome, aceda ao website ww.ismict2017.org Faça inspect (botão direito do rato) Selecione a barra network. Clique num hyperlink do site. Explique o que aparece Identifique quantos ficheiros são descarregados na sequencia de um clique num hiperlink. Identifique o tipo de ficheiros. Identifique os timings de espera e de descarga. 10

11 Acesso HTTP a uma página Web (3) Selecione um dos ficheiros descarregados. Analise o que observa, quando seleciona as janelas no lado direito: preview Headers Timing 11

12 Visualização de código HTML No Chrome, aceda ao website ww.ismict2017.org Página web principal do site web da condferencia ISMICT 2017, no servidor HTTP do Tecnico Visualise o código fonte Com o botão direito do rato, vêr código fonte (view frame source) 12

13 Criação de primeiro Ficheiro HTML 13 Abra o Notepad++ e escreva o conteúdo seguinte: <html> <head> <title> Ola Mundo </title> </head> <body> Este e a minha primeira pagina feita em HTML. </body> </html> Grave o ficheiro com o nome ola.html Abra com um Browser.

14 14 <html> <head> <title> Ola Mundo </title> </head> <body> Este e a minha primeira pagina feita em HTML. </body> </html>

15 Criação de primeiro Ficheiro HTML Explicação dos elementos chave da linguagem HTML: 15

16 Alojamento Abra o ferramenta WinSCP e crie uma nova ligação configurada do seguinte modo: Host Name: unix.ubi.pt Protocol: SFTP Port: 22 User name: o seu login (e.g., a123456) Password: a sua password Aparecerão duas janelas: esquerda: PC local onde está a trabalhar. direita: área pessoal na máquina webx.ubi.pt 16

17 Alojamento Na pasta public_html coloque o ficheiro ola.html Consulte o URL em que xxxx é o seu Login (a123456). A página web encontra-se publicamente disponível. 17

18 Conclusão O modelo cliente-servidor permite aceder, através de um browser, a conteúdos web disponíveis num servidor. 18

Documentos relacionados

Faculdade de Engenharia Departamento de Informática. Composição Web

Faculdade de Engenharia Departamento de Informática. Composição Web Laboratório 3 : HTML> Website OBJECTIVO: O objetivo desta ficha é criar um website sobre um lugar que goste, e publicá-lo na sua área pessoal da UBI. RECOMENDAÇÕES: Use o editor Notepad++. Escreva o seu