www e html helpers e mime types curso de formação de usuários www e projetistas de paginas html...

30
WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Upload: mauro-carvalhal-de-vieira

Post on 07-Apr-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

WWW e HTML

Helpers e MIME Types

Curso de Formação de Usuários WWW e Projetistas de Paginas HTMLOrganização: LSI - EPUSP

Page 2: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 2

MIME TYPES e HELPERS

MIME TYPES e HELPERS Caso o browser não saiba como manipular um determinado

formato de arquivo que esteja sendo puxado, é possível configura-lo para lançar um determinado programa que manipule o arquivo adequadamente

Por exemplo, arquivos de som do Windows possuem o formato “.wav” que não são conecidos por browsers como Netscape por sí só. E possível então configurar browser para automaticamente chamar o Media Player do Windows sempre que um arquivo deste tipo for puxado.

O programa externo (no exemplo Media Player) é denominado "helper application"

Page 3: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 3

MIME TYPES

MIME TYES MIME (Multipurpose Internet Mail Extension) é um método para

entrega de dados binários complexos, utilizando apenas ASCII caracters.

Para os browsers, Mime Types é um meio de dizer os tipos de arquivos que os servidores sabem enviar para o seu browser.

A configuração do browser mencionado anteriormente para lançamento de aplicações que manipulem formatos de arquivos desconhecidos pelo Netscape estão intimimamente ligadas aos MIME Types.

Page 4: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 4

MIME TYPES e HELPERS

MIME TYPES e HELPERS -Configuração No menu Options - General Perferences - Helpers do Netscape,

configura-se os MIME types e as helpers applications. A tabela apresentada apresenta 3 colunas: Mime Types (File

Type), Action e Extensão. A 2- e 3- coluna trabalham juntas para informar Netscape como

tratar um determinado tipo de arquivo. Netscape examina a terminação do arquivo, procura na tabela, e caso encontre a entrada, verifica a coluna Action para tratar o arquivo adequadamente.

Page 5: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 5

Page 6: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 6

MIME TYPES e HELPERS

MIME TYPES e HELPERS - Configuração No exemplo anterior, para o formato zip, a Action é salvar o

arquivo no disco num lugar escolhido pelo usuário para que depois ele utilize winzip, pkzip para descompactar o arquivo.

Outra opção pode ser: Ask User. O usuário receberá a mensagem: "No viewer configured for this type of file. Would you like to:

A)Configure a viewer, B) Save to disk, or C) cancel .

Page 7: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 7

MIME TYPES e HELPERS

MIME TYPES e HELPERS - Configuração Caso o usuário escolha configurar uma opção ele deve procurar no

seu disco a aplicação adequada para tratar aquele determinado arquivo.

Além de “Save to Disk” e "Ak user" existem outras duas: "View in Browser": normalmente não se utiliza pois Netscape já

vem configurado para apresentar todos os tipos que ele consegue manipular.

Page 8: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 8

MIME TYPES e HELPERS

MIME TYPES e HELPERS - Configuração A outra é lançar uma determinada aplicação. Na tela de exemplo,

a linha com extensão "qt, mov."corresponde a aplicação Quicktime movies, que o Netscape não sabe como tratar. Caso a máquina possua o player para Quicktime (player.exe), pode-se configurar Netscape para ativar esta aplicação.

Exercicio. Procurar na web, onde encontrar o player.exe, e configurar o helper adequadamente.

Page 9: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 9

MIME TYPES e HELPERS

MIME Types e HELPERS - GABARITO Selecione a linha que contém a entrada “qt. mov”. Clique no círculo "Launch the Application”. Digite a localização correta do disco onde o player do Quicktime.

Note que agora a linha possui “player”na coluna de action.

Page 10: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

WWW e HTML

Plugins

Curso de Formação de Usuários WWW e Projetistas de Paginas HTMLOrganização: LSI - EPUSP

Page 11: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 11

Plugins

Plugins

Plug-ins são programas que estendem as funcionalidades dos browsers de modo a aumentar o número de mídias suportadas e introdução de características adicionais. Assim, é possível por exemplo tocar-se áudio a partir do browser, visualizar-se um vídeo, etc.

As companhias têm desenvolvido plugins numa velocidade fantástica. Para o Netscape, plugins podem ser obtidos em http://home.netscape.com/comprod/products/navigator/version_2.0/plugins/index.html

Page 12: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 12

Plugins

Plugins Kits de desenvolvimento de plugins dos vários browsers estão

disponíveis para os programadores. Diferença entre plugins e helpers. Plugins não precisam ser

configurados.

Page 13: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

WWW e HTML

Configuração do Browser

Curso de Formação de Usuários WWW e Projetistas de Paginas HTMLOrganização: LSI - EPUSP

Page 14: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 14

Configuração do Browser

Tópicos Configuração da Aparência - Preferences Configuração de cores Preferences Bookmarks Cache

Page 15: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 15

Configuração do Browser

CONFIGURAÇÃO DA APARENCIA - PREFERENCES

Menu Options - General Preferences - Appearance: Permite que se escolha a página que será carregada, sempre que o Netscape é iniciado

Escolha se link é sublinhado ou não, etc.

Page 16: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 16

Configuração do Browser

CONFIGURAÇÃO DE CORES - PREFERENCES

Menu Options - General Preferences - Colors Permite que cores para os links, texto e background sejam

configurados. Prática: Verificar para o que servem os outros submenus do menu

Options - General Preferences, e configurar conforme sua preferência.

Page 17: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 17

Configuração do Browser

BOOKMARKS Usuário pode estocar os sites que mais lhe interessam em

bookmarks Os bookmarks podem ser divididos em folders O nome dos bookmarks podem ser trocados por algo mais

mnemonico se desejado Exercicio: Criar folders com os bookmarks divididos por assuntos.

Page 18: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 18

Configuração do Browser

CACHE Cache são áreas de estocagem onde os dados mais frequentemente

utilizados ou os ultimos dados acessados residem para efeito de eficiência, no caso destes dados serem novamente requisitados.

Conexão lenta - Netscape utiliza dois tipos de caches para estocar as últimas páginas acessadas. Um cache de memória e um de disco, ambos residentes na maquina de usuário.

Normalmente o cache de memória não é muito grande - 1 Mbyte ou menos

O cache de disco, se utilizado, pode ser maior 5 Mbytes

Page 19: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 19

Configuração do Browser

CACHE

Quando um link é seguido, Netscape contacta o site destino do link, e requisita a última data em que o arquivo foi modificado. Se o arquivo for o mesmo do cache, Netscape utiliza a cópia do cache para salvar tempo.

Menu Options - Preferences - Cache do Netscape

Page 20: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 20

Page 21: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 21

Configuração do Browser

CACHE

Se houver desconfiança que um arquivo está inválido, e que Netscape insista em traze-lo do cache ao invés de acessar o site remoto, utilize os buttons “Clear Memory Cache Now”, e “Clear Disk Cache Now”. Se mesmo assim, continuar havendo problemas, vá ao diretório Cache do Netscape e apague o conteudo deste diretório.

Page 22: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

WWW e HTML

COOKIES

Curso de Formação de Usuários WWW e Projetistas de Paginas HTMLOrganização: LSI - EPUSP

Page 23: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 23

Cookies

COOKIES - Introdução

É um mecanismo através do qual conections provenientes do servidor (como scripts CGI) possam ser usadas para estocar e recuperar informações de clientes.

Cookies aumentam as capacidades das aplicações cliente-servidor como veremos com alguns exemplo.

Page 24: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 24

Cookies

COOKIES - Detalhamento O servidor ao retornar um objeto HTTP para o cliente, pode

enviar também uma informação de estado que o cliente pode armazenar;

A informação armazenada no cliente só é válida para uma dada gama de URLs. Esta informação é armazenada com a informação de estado. Deste modo, futuras conexões com esta gama de URLs resultaram numa transmissão da informação de estado do cliente para o servidor. Esta informação de estado é chamada cookie

Page 25: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 25

Cookies

COOKIES - APLICAÇOES

Compras: a variável de estado pode armazenar a lista de items já selecionados pelo usuário, e calcular o preço final.

Cookies podem armazenar informações de registros dos usuários evitando que na próxima visita a URL ele tenha que digitar novamente seus dados.

Armazenamento de preferências dos usuários. Um sistema de informação pode então por exemplo apresentar somente os assuntos de interesse do usuário. Ex: esportes, computação, política, e deixar de apresentar os tópicos referente a culinária.

Page 26: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 26

Cookies

COOKIES - Como introduzir?

Um cookie é introduzido no cliente através de um cabeçalho (Set-Cookie) inserido numa resposta HTTP, normalmente proveniente de um CGI script.

Exemplo CGI• Set-Cookie: Name=VALUE; expires=DATE;• path=PATH; domain=DOMAIN_NAME; secure

– Name: Nome do Cookie - Obrigatório;– Expires data de validade do cookie. Formato: Wdy, DD-

Mon-YY HH:MM:SS GMT. Campo opcional, se não existir cookie expira no final da sessão

Page 27: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 27

Cookies

COOKIES - Como introduzir? Domain: Default: Domínio do servidor que gerou o cookie. Para o

cliente enviat um cookie, ele compara o final do nome do domínio especificado com a URL que está sendo acessada. Se a comparação estiver Ok, ele compara com o path abaixo para decidir se o cookie deve ou não ser enviado.

Path: Usado para especificar o subset de URL no domínio acima para o qual o cookie é valido. Se a comparação for válida o cookie é enviado. Path mais genérico é “/”.

Secure: Se a opção secure for selecionada, o cookie só será enviado se o host for seguro, ou seja através do protocolo HTTTPS

Page 28: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 28

Cookies

COOKIES - Resposta do Cliente

Cookie: NAME1=OPAQUE_STRING1; NAME2=OPAQUE_STRING2

Page 29: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 29

Cookies

COOKIES - RESTRIÇÕES

O cliente pode estocar no máxio:• 300 cookies,• 4 Kbyted de dados por cookie;• 20 cookies por domínio de servidor;

Page 30: WWW e HTML Helpers e MIME Types Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

Helpers e Mime Types - 30

Cookies

COOKIES - Exemplo Cliente requisita um documento, e recebe a resposta

Set-Cookie: CLIENTE=FULANO; path=/; expires=Wednesday, 09-Nov-99 23:12:00

Quando o cliente requisita uma URL com path “/” neste servidor ele envia:

Cookie:CLIENTE=FULANO Cliente requisita um documento, e recebe a resposta

Set-Cookie:PEÇA=MESA0001; path=/ Cliente requisita uma URL em path “/” neste servidor e envia

Cookie:CLIENTE=FULANO; PECA=MESA001