Aspectos Tecnicos Do Desenvolvimento Dos Web Sites PDF

Desenvolvimento Web II/Programao Internet
II
Informtica e Comunicaes 2 Ano
Multimdia 3 Ano
Ano Lectivo 2010/2011
Desenvolvimento Web II/Programao Internet II
Pgina 2
Planear o Web site

1. Vantagens e desvantagens da presena na web
24x7x365
Visibilidade
Excesso de lixo
Aumenta a lentido da rede
...
2. O que necessrio para criar um Web Site
Endereo
Os computadores so acedidos via IP

Os utilizadores acedem atravs de um domain name
O servidor de DNS responsvel por traduzir o domain name para o
endereo IP
Quando o utilizador digita o domain name, o browser contacta o servidor de
DNS, que est configurado no seu PC, e o servidor de DNS devolve o IP, o
browser envia um pedido para o computador proprietrio do IP.
Hardware
o
Computador conectado Internet
Router
Outros sistemas mais complexos, caso se queira um servidor com

maior fiabilidade, segurana e rapidez.
ISP Internet Service Provider
Software
Web server software
Pgina 3
Responsvel por receber um pedido e enviar a resposta.

O ISP fornece o software, no caso de prendermos alugar um servidor.
Contedo
HTML
Webmaster
3. Quais as regras do Webmaster
Coordenar o web site
Criar o web site
Postmaster so as pessoas responsveis pela administrao do email.

De acordo com o Webmasters Guild a tarefa do webmaster fazer o
design, implementao e mater o web site.
O webmaster deve perceber e comunicar com os programadores,

escritores, gestores,.... Mas num projecto grande os webmasters
restringe-se manuteno.
4. Diferentes partes da URL
Uniform resource locator
Quando se adquire uma casa, esta tem um endereo., para poder ser
enviada correspondncia, saber onde encontrar o dono da casa. A
URL serve para o mesmo efeito.
1. Protocolo
http://
Presente no inicio da URL que indica que o Hipertext transfer
protocol est presente na transferncia.
Ftp e Gopher so outros tipos de protocolos.
2. Host name
Pgina 4
Depois do protocolo, necessrio conhecer o nome do servidor,

designado por host name.
De notar que nem todos tm www. Um endereo poder ser do tipo
http://net.sapo.pt e diferente de htt://www.sapo.pt. Ambos os
endereo apontam para mquinas diferentes. Por outro lado,
http://sapo.pt e http://www.sapo.pt pode redireccionar para a
mesma mquina.
3. Domain name e sufixo
O domain name a seco da URL que registada por uma
organizao, companhia ou pessoa que pretenda um anome, no
caso portugus nome.pt, a FCCN, e para outro tipo de sufixo
a INTERNIC.
Sapo.pt o domain name sapo e a entidade responsvel pelo
registo a FCCN.
As regras do registo na FCCN so diferentes da INTERNIC. Nesta,
qualquer pessoa ou organizao pode registar qualquer nome, no
caso portugus, necessrio alguns requisitos, como o nome estar
registado como empresa, ou outra a possuir marca de um produto,
etc.
4. Path
O server name e o domain name indica onde o site est localizado
(servidor). Depois, necessrio especificar o caminho dos
documentos no servidor.
Pgina 5
DOMAI\N NAMES
1. Como criar um domnio?
FCCN http://www.fccn.pt
INTERNIC http://www.internic.com
Existe outras entidades denominadas registars, que tm a

autorizadas para registar endereos nos domnios.
2. Escolha do domain name
Tecnicamente no necessrio um domain name. Porqu?

o
Fcil de memorizar.
O mais prximo do conhecido nos meios tradicional.
S necessrio lembrar ipb.pt e no 193.136.195.220
E se mudar o IP, muda-se o domain name? NO!
Apenas necessrio pedia FCCN uma alterao do IP nos vrios

servidores de DNS. Mas se alterar o IP da pgina da escola apenas
teria de comunicar o centro de comunicaes do IPB.
Inspolibraganca.pt
Institulobraganca.pt
IPB -> IPB.pt
3. E se o domain name est atribudo?
Pgina 6
Algumas empresas, pessoas, registam domnios com o fim de os

venderem.
Solues
Escolher outro
Comprar
Recorrer judicialmente se o nome de quem quer registar tem provas

da sua pertena.
Ex:
Cocacola,com s pode pertencer Coca Cola, e algum que o
tenha registado anteriormente obrigado judicialmente a transferir
sem custos para a Coca Cola.
4. Como registar um domnio que no esteja atribudo
Portugal FCCN
.pt
.net.pt
...
Internacional Internic
.com
.org
.net
edu
.gov
Requisitos necessrios
o
Nome do domnio
Contacto do administrador
Contacto do tcnico ou webmaster
IP e nome do domnio primrio
Que valores?
FCCN
INTERNIC
Consultar as vrias tabelas de preos.
Pgina 7
Pgina 8
PLANEAR O SITE
1. Que tipo de plano conduz ao sucesso
Alguns comeam como simples hobbys ( www.yahoo.com) ou

projectos e escola (www.sapo.pt).
Outros atravs de fores investimentos (www.iol.pt)
O que determina o sucesso?
Questes a colocar antes de...

o
Quem a minha audincia?
Quais as caractersticas dos visitantes?
Que aspectos do site convidam os visitantes a permanecer ou a

voltar?
Qual o principal objectivo do site?
Como concretizo os objectivos?
Planear um site como um negcio!
Os objectivos devem ser concisos e no gerais.
2. Que aspectos atraem os visitantes e faz com que estes

voltem?
Atractivo no aspecto grfico.
Usar a tecnologia compatvel com a maioria dos browsers dos

visitantes.
Actualizao corrente.
Providenciar contedo.
Dar aos visitantes aquilo que eles querem.
Rpido.
Gratuito.
Pgina 9
3. O que necessrio para ter sucesso?
Conhecer o web server, (configurar, instalar, ...)
Capacidade para criar grficos web.
Capacidade para escrever para a web, que diferente do tipo de

escrita de um jornal.
Design.
Capacidade de lidar com o HTML.
Administrao e manuteno.
Experincia de programao.
4. Como estruturar a construo do web site pela primeira vez

Criar um calendrio, e tentar atingir os objectivos de forma faseada.
Construir de forma a permitir alteraes na estratgia. Alguns web sites
propem um calendrio dividido em 3 fases.
1 Anuncio
Construir a pgina de boas vindas com uma forma e contacto, para que
algumas pessoas que por curiosidade pretendam verificar a existncia da
pgina da empresa, ou para reservar o nome
2 Presena
Pgina simples, mas esta deve providenciar informao til ao visitante.

Deve figurar o que mais importante para o visitante, como os contactos,
informaes da empresa, seus produtos. Ou seja, uma pgina que no
permite ou permite pouca interactividade entre a empresa e o visitante.
Nesta fase comea-se por fazer a sua divulgao de forma mais persistente
nos vrios meios ao dispor.
3 Atrair
Pgina 10
Adicionar caractersticas que permitam atrair mais, e mais visitantes, e

fazer com que os mesmos voltem a visitar a pgina.
Atingir ao mximo os objectivos!
5. Que regras usar no design e contruo do web site
Evitar o uso da tag <BLINK>. Simplesmente o visitante odeia, e faz

com que este se distraia.
Incluir a tag mailto na pagina de entrada para o administrador do

site. Porqu? a primeira forma de contacto, sem necessidade de o
visitante exercitar a sua capacidade de procura. Desta forma se existe
qualquer problema, o visitante sabe instintivamente onde procurar o
link para enviar o email s pessoas responsveis.
Quando num formulrio pedido o email, deve-se incluir um campo

onde o visitante indica se quer receber email no solicitado. Alguns
visitantes odeiam receber os chamados spams.
Outro dos pontos a ter em considerao incluir uma forma de o

visitante remover o seu email, no caso de a pgina possuir um servio
de mailing list.
Evitar o uso de refresh. S em situaes que a isso obriga. O atributo

REFRESH da tag <META>, com valor zero, implica que em alguns
browsers o boto de BACK fica desabilitado.
Nunca abrir uma nova janela atravs de um hyperlink, que contenha

pginas que esto inseridas no mesmo site. J o inverso
recomendvel.
Tentar estrutura a pgina de modo a evitar que os utilizadores faam o

scroll horizontal.
Verificar sempre se os links esto bem redireccionados.
Pgina 11
Quando se move ou renomeia-se uma pgina, assegurar que a antiga

pgina possui uma ligao com a nova pgina.
REDIRECCIONAMENTO!
Incluir o tamanho dos ficheiros e respectiva data quando esses

mesmos so descarregados (download).
Aspectos a considerarem na construo e respectiva anlise do site:

o
Objectivo
Publico
Nvel de linguagem
Idioma
Navegao
Tempo de leitura
Tempo de visualizao
Browsers
Grficos
Tipografia
Cores
Acessibilidade
udio
Vdeo
Hiperlinks
Iconografia
Identidade
Estrutura do design
Contedo
Interactividade
Animaes
Imagens
Impresso em papel
Programao web

o
Pgina 12
Normas do senso comum ou regras j implementadas e o

utilizador j as apreendeu, que definem a forma como
implementado um site
Pgina 13
Acessibilidade
Directivas para a acessibilidade do contedo da Web - 1.0

Recomendao do W3C, de 5 de Maio de 1999
1. Objectivo
As presentes directivas explicam como tornar o contedo Web

acessvel a pessoas com deficincias. Destinam-se a todos os
criadores de contedo Web (autores de pginas e criadores de stios)
e aos programadores de ferramentas para criao de contedo.
O principal objectivo destas directivas promover a acessibilidade.
No entanto, far tambm com que o contedo da Web se torne de

mais fcil acesso para todos os utilizadores.
Ir ainda ajudar as pessoas a encontrarem informaes na Web mais

rapidamente.
2. Utilizadores
No ter a capacidade de ver, ouvir ou deslocar-se;
Ter dificuldade em ler ou compreender textos.
No ter um teclado ou rato, ou no ser capazes de os utilizar.
Ter um ecr que apenas apresenta texto, um ecr de dimenses

reduzidas ou uma ligao Internet muito lenta.
No falar ou compreender fluentemente a lngua do documento.
Ter os olhos, os ouvidos ou as mos ocupados
Ter uma verso do navegador no habitual.
Pgina 14
Os criadores de contedo tm de levar em conta estas diferentes

situaes, ao conceberem uma pgina para a Web!
3. Temas da concepo para a acessibilidade

As directivas abordam dois temas genricos:
Assegurar uma transformao harmoniosa.

o
Separar a estrutura da apresentao.
Incluir texto interpretado por praticamente todos os dispositivos de

navegao e por quase todos os utilizadores.
Criar documentos que cumpram a finalidade do udio/vdeo.
Criar documentos que no dependam apenas de um tipo de

equipamento, como o rato.
Tornar o contedo compreensvel e navegvel.

o
Linguagem clara.
Linguagem simples.
Meios compreensveis de navegao.
4. Nveis de prioridade
Prioridade 1
o
Pontos que os criadores de contedo Web tm absolutamente de

satisfazer.
Alguns utilizadores ficam impossibilitados.
Prioridade 2
o
Pontos que os criadores de contedos na Web devem satisfazer.

Alguns utilizadores tm dificuldades.
Prioridade 3
o
Pontos que os criadores de contedos na Web podem satisfazer.
Alguns utilizadores tm algumas dificuldades.
5. Conformidade
Pgina 15
Nvel de conformidade "A": foram satisfeitos todos os pontos de

verificao de prioridade 1;
Nvel de conformidade "Duplo A": foram satisfeitos todos os pontos

de verificao de prioridades 1 e 2;
Nvel de conformidade "Triplo A": foram satisfeitos todos os pontos

de verificao de prioridades 1, 2 e 3.
FORMATOS:
Formato 1:
O ttulo da directiva: "Web Content Accessibility Guidelines 1.0".
O URI (Uniform Resource Identifier) da directiva:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505
O nvel de conformidade satisfeito: "A", "Duplo A" ou "Triplo A".
O mbito abrangido pela declarao de conformidade (por ex.,
pgina, stio ou poro definida de um stio).
Exemplo do formato 1:
Esta pgina est conforme ao documento do W3C "Web Content
Accessibility Guidelines 1.0", disponvel em
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505, de
nvel "Duplo A".
Formato 2.
Incluir, um dos trs smbolos fornecidos pelo W3C e estabelecer a
ligao entre esse smbolo e a respectiva explicao do que
representa essa declarao.
Pgina 16
6. Directivas para a acessibilidade do contedo da Web
Directiva 1
Fornecer alternativas ao contedo sonoro e visual.

O fornecimento de equivalentes no textuais de texto tambm benfico
para determinados utilizadores, especialmente para quem no l ou tenha
dificuldade em ler.
Directiva 2
No recorrer apenas cor.

Assegurar a clareza do texto e dos elementos grficos quando vistos sem
cores.
Directiva 3
Utilizar correctamente anotaes e folhas de estilo.
Directiva 4
Indicar claramente qual a lngua utilizada.

Utilizar anotaes que facilitem a pronncia e a interpretao de
abreviaturas ou texto em lngua estrangeira.
Devem ainda fornecer a verso por extenso de quaisquer abreviaturas e
acrnimos.
Para alm de ser um auxiliar precioso para as tecnologias de apoio, a
anotao da lngua permite que os motores de pesquisa procurem e
identifiquem documentos numa dada lngua.
Directiva 5
Criar tabelas passveis de transformao harmoniosa.

Assegurar que as tabelas tm as anotaes necessrias para poderem ser
transformadas harmoniosamente por navegadores acessveis e outros
agentes do utilizador.
Pgina 17
Directiva 6
Assegurar que as pginas dotadas de novas tecnologias sejam

transformadas harmoniosamente.
Assegurar que as pginas so acessveis mesmo quando as tecnologias
mais recentes no forem suportadas ou tenham sido desactivadas.
Directiva 7
Assegurar o controlo do utilizador sobre as alteraes temporais do

contedo
Assegurar a possibilidade de interrupo momentnea ou definitiva do
movimento, intermitncia, desfile ou actualizao automtica de objectos ou
pginas.
Directiva 8
Assegurar a acessibilidade directa de interfaces do utilizador integradas.

Assegurar que a interface do utilizador obedea a princpios de concepo
para a acessibilidade: acesso independente de dispositivos,
operacionalidade pelo teclado, emisso automtica de voz (verbalizao),
etc.
Directiva 9
Pautar a concepo pela independncia face a dispositivos.

Utilizar funes que permitam a activao de elementos de pgina por meio
de uma grande variedade de dispositivos de entrada de comandos.
Directiva 10
Utilizar solues de transio

Utilizar solues de acessibilidade transitrias, de modo a que as
tecnologias de apoio e os navegadores mais antigos funcionem
correctamente.
Directiva 11
Pgina 18
Utilizar as tecnologias e as directivas do W3C

Utilizar as tecnologias do W3C (de acordo com as especificaes) e seguir
as directivas de acessibilidade. Onde no seja possvel utilizar tecnologia
W3C, ou onde tal utilizao produza materiais que no possam ser objecto
de transformao harmoniosa, fornecer uma verso alternativa, acessvel,
do contedo.
Directiva 12
Fornecer contexto e orientaes.

Fornecer contexto e orientaes para ajudar os utilizadores a
compreenderem pginas ou elementos complexos.
Directiva 13
Fornecer mecanismos de navegao claros.

Fornecer mecanismos de navegao coerentes e sistematizados -informaes de orientao, barras de navegao, um mapa de stio, etc. -para aumentar as probabilidades de uma pessoa encontrar o que procura
num dado stio.
Directiva 14
Assegurar a clareza e a simplicidade dos documentos.

Assegurar a produo de documentos claros e simples, para que sejam
mais fceis de compreender.
7. Validao
Utilizar uma ferramenta de acessibilidade automatizada, e uma

ferramenta de validao de navegadores.
Validar a sintaxe (por ex., HTML, XML, etc.).
Validar as folhas de estilo (por ex., CSS).
Utilizar um navegador s de texto ou um emulador.
Pgina 19
Utilizar vrios navegadores grficos, com:

o
o som e os grficos activos;
sem grficos;
sem som;
sem rato;
sem carregar frames, programas interpretveis, folhas de estilo ou

applets.
Utilizar vrios navegadores, antigos e recentes.
Utilizar um navegador de emisso automtica de fala, um leitor de

ecr, software de ampliao, um ecr de pequenas dimenses, etc.
Utilizar correctores ortogrficos e gramaticais.
Verificar a clareza e a simplicidade.
Pea a pessoas com deficincias que revejam os documentos.
Pgina 20
Web Server
1. Como tratado a URL ou hyperlink que introduzida no
Web browser?
1. Convertido pelo DNS server para IP
2. Envia o pedido ao host
3. Se a pgina necessitar de processamento chamado o intrepetrador.
(asp, php, ...)
4. Envia o resultado do pedido para o web browser
2. O que melhor: Instalar um servidor ou procurar um ISP?
Instalar um servidor uma opo que deve satisfazer as seguintes

condies:
o
Contnua conexo internet
Como manter a manuteno do web server
Criar um domain name
Web server software
Hardware
Apoio continuo
Para grandes companhias no ser m ideia. Mas para as pequenas e

mdias empresas?
Mas se a requer uma configurao personalizada o web server?
Existe vrias solues ao dispor:
o
Instalar nas suas prprias instalaes o web server
Instalar o computador nas instalaes do ISP
Encontrar um ISP para aluguer de espao, com as configuraes

standard.
Algumas dos servios que um ISP deve oferecer:

o
24 horas de monitorizao

o
Update continua de software
Servidores pr-configurados
Conexes rpidas
Contas Dial-in
Endereos E-mails
Ficheiros LOG para anlise das estatisticas
Alguns ISPs fornecem servios especiais como:

o
Mecanismos de procura
Streaming audio
Bulletin boards
Com pagamento extra!
Pgina 21
Pgina 22
ALOJAR NUM ISP

1. Que caractersticas versus qualidade deve-se ter em
considerao na escolha de um ISP?
Suporte
Quanto tempo necessrio para um tcnico resolver um dado problema?

razovel?
Se existe problema, h forma de remotamente resolver o mesmo
problema?
Se o web serber est em baixo, quanto tempo?
O servio de suporte muito importante para que um ISP tenha o seu
sucesso e o site do cliente tenha um acompanhamento eficaz.
Localizao
Fora ou dentro do pas? Se surgir algum contratempo e necessitar de

deslocao s instalaes?
Depende dos custos?
Analisar os sites j alojados no ISP
Comunicar com os webmasters de forma a obter a sua anlise aos servios

do ISP.
Velocidade
Que largura de banda usa?

Nmero mximo de utilizadores que esto conectados por web server?
Custos extras
E se exceder um dado limite na utilizao de um servio?
Segurana
Que nvel de segurana o servidor permite?
Pgina 23
Executa CGI?
Permite ou no alterar as permisses?
Servios extras
E se mais tarde necessitar de outros servios?
Relatrio de estatsticas
Alguns ISPs oferecem este servio, outros no. Mas no mnimo deve
deixar aceder aos ficheiros log, ainda no analisados (em bruto).
Pgina 24
2. Que web server/plataforma utilizar?
Muitos ISPs no oferecem escolha!
Alguns usam a plataforma LINUX como sistema operativo e o apache

como web servers. Recentemente a Microsoft entrou na corrida
lanando o NT e o IIS.
Uma soluo personalizada colocar o nosso servidor no ISP e

configurar o mesmo de acordo com as nossas opes. Mas esta
soluo tem os seus custos.
Pgina 25
CRIAR O PRPRIO HOST

1. O que necessrio?
1. Rede para conexo internet
2. Web software
3. Sistema operativo
4. Domain name server
A conexo pode ser de 2 tipos:
Dial-up
A conexo criada entre o web server e a rede quando um elemento de

multimdia pedido a partir a partir o web server.
Depois de algum tempo de inactividade a ligao perdida.
Dedicated connection
Existe um computador com acesso continuo internet a servir como

network access provider.
Em algumas redes includa uma firewall, um domain server primrio e
secundrio e uma linha dedicada (IP fixo).
2. Que web server software escolher?
necessrio um software capaz de responder aos pedidos por parte do
browser.
Deve-se ter em ateno que o web server trabalho sobre o sistema
operativo
o
LINUX
Windows NT / 2000
Macintosh
Pgina 26
O web server responsvel por receber um pedido, seja pgina html,

grficos ou cgis, e envia para o cliente o resultado formatado com o
cabealho http.
Routers
o
Responsvel pelo reencaminhamento de informao entre duas

redes. Neste caso temos a rede interna (LAN) e a Internet.
DNS
o
uma base de dados que tem associado o domain name e o ip.

Algumas organizaes tm o IP igual ao DNS.
O que na prtica se faz pedir uma linha dedicada telecom e

esta possui nas suas instalaes o servidor de DNS e nas
instalaes do cliente o host. Portanto a rede ser da TELECOM!
Pgina 27
SELECCIONAR O WEB SERVER

1. Que tipo de web servers esto disponveis no mercado?
Existe web servers para todos os gostos. Alguns necessitam de uma
constante manuteno e outros so bastante eficientes.
So listadas a seguir os principais factores que contribuem para a escolha
do web server:
o
Velocidade
Conexo base de dados
Ecommerce
Scripting
2. Que plataforma escolher
Ao escolher o web server software determina ou especifica

automaticamente a melhor plataforma, ou a nica.
Instalar este tipo de software mais complicado que instalar um

software normal.
A maioria dos web servers so desenhados tendo em conta um

determinado SO. Portanto este software poder ser optimizado para
um dados SO.
Talvez seja melhor ideia escolher em primeiro lugar a plataforma.
Deve-se inventariar o nmero de utilizadores em simultneo.
Por vezes escolhe-se a plataforma mais familiar.
Quando se escolhe um tipo de computador (host), Intel, Sun, HP,

automaticamente estamos a condicionar a escolha da plataforma.
Pgina 28
Sistema operativo
Web servers software
BSD UNIX/Red Hat
Apache
Netscape
NCSA
Apache
Netscape
Apache
Netscape
Web Force
IIS
Netscape
Web Commander
WebStar
SOLARIS
SGI
Windows NT
Macintosh
3. Parmetros de analise do web server
Suporte
Segurana
Instalao
Administrao
Requisitos
Performance
4. Como testar o web server

Finalmente chegou a hora de testar o servidor web. Se o web server no
responde, tenta-se uma serie de testes para localizar o problema.
Pgina 29
Fazer o ping ao servidor usando o seu IP: ping 193.136.220.10

Se o pedido passa por uma firewwall, ento poder existir a hipotese de ser
bloqueado.
Fazer http://193.136.220.10, e se recebido uma pgina indicando que no
encontrou a pgina, ento deve-se reconfigurar o web server software de
modo a seleccionar de forma correcta o documento que chamado por
defeito.
Deve-se verificar se ao digitarmos o domain name, IP associado est
correcto. Caso exista erro, ento o problema poder ser do servidor de
DNS primrio, ou foi incorrectamente configurado junto da FCCN.
Se o web server responde localmente mas para o exterior no existe sinal,
ento o problema reside na firewwall, que no permite que se aceda
exteriormente ao web server.
Para verificar se o primrio DNS est em condies tcnicas satisfatrias
para receber uma delegao de domnio em .pt pode-se utilizar o avaliador
tcnico online disponvel atravs do URL: http://www.dns.pt/avaltec/dominio/avaliacao-tecnica-dominio.php3. Introduz-se o domain name e
o IP do Servidor primrio.
Pgina 30
ESTATISTICAS
1. O que so os ficheiros LOG
Quando um site visitado, um nmero de variveis fazem parte do

cabealho do pedido que o browser faz ao web server.
O web server necessita de saber o ip, por exemplo da mquina cliente

para poder enviar a resposta.
Alguns cabealhos do pedido no so essenciais, quando no

enviada resposta para o cliente.
Algumas variveis do cabealho so apenas utilizadas para fins

estatsticos, sem interesse para o web server, mas importantes para o
webmaster.
Todas estas vriveis do cabealho so guardadas em um ficheiro

LOG, que poder ser uma base de dados, ou simplesmente um
ficheiro texto.
Os ficheiros em formato texto, mais conhecidos so os seguintes:

o
NCSA httpd
Combined log format
Common log format
Microsofts standard format
2. Que tipo de informao est guardada nos ficheiros LOG
Tamanho em bytes da linha URL, incluindo os parmetros de entrada.
Tamanho em bytes do ficheiro enviado
IP do cliente
URL da pgina que referencia a actual pgina
Data e hora da visita
Pgina 31
Nome do servidor
Tipo de operao ( GET, POST)
Parmetros que so enviados em conjunto com a URL
Tempo de processamento da informao entre a chegada do pedido e

o envio da resposta
IP do servidor
Protocolo usado (HTTP, FTP,...)
Cdigo do status do servio.
Nome do ficheiro pedido
Nome do utilizador
Nome do browser utilizado
Plataforma utilizada
Com base nestas variveis que so armazenadas nos ficheiros Log, o

software de anlise gera um relatrio claro, de forma a poder responder a
algumas perguntas.
o
Quantos IPs diferentes visitaram o site na ultima semana?
Quantas pginas foram enviadas?
Quantas vezes visualizado o banner da pgina index.htm?
Qual a pgina mais vista e a menos vista?
Que percentagem dos visitantes usam Netscape?
Que percentagem dos visitantes usam o sistema operativo

Macintosh?
Quais so as pginas que fazem referencia ao site?
Quanto tempo permanece um dado visitante no site?
Qual a directoria mais visitada?
As respostas a estas perguntas so baseadas em dados que podem estar

incompletos, mas no entanto servem com o estimativa ao webmaster para
este retirar as suas concluses.
Pgina 32
3. Como o web server sabe o tipo de ficheiro pedido?

Quando o ficheiro enviado ao web server, incluido no cabealho do
ficheiro o content-type que ajuda o web server a determinar o contedo
de cada ficheiro.
O content-type define o tipo de MIME (multiporpose internet mail
extensions), que permite ao web server ou o sistema operativo definir a
aplicao ou o plug-in que deve ser usado para mostrar o contedo do
ficheiro.
So alguns dos exemplos os listados em seguida:
o
Content-type:text/html
Content-type:image/jpg
Content-type:image/gif
Pgina 33
Optimizao da performance do servidor

1. Como verificar se a performance baixa
Apagar o cache do browser e aceder ao site a partir do exterior e

interior, e fazendo comparaes com outros sites do mesmo gnero.
Java, video, flash reduzem consideravelmente a performance.
Existe software que permite analisar a performance do servidor com

diferentes inputs.
Factores de medio essenciais: tempo de resposta e nmero de

utilizadores.
2. Causas para a baixa performance
Contedo
o
Excesso de bytes!
Grficos, imagens, applets, videos.
Ideal : 30 a 40 kb por pgina.
Microsofts site analyst gera um relatrio detalhado acerca da

pgina.
Diferentes utilizadores usam diferentes formas de acesso.

Tipo de conexo
Transferncia
14.4
0.8-1.2
28.8
2.0-2.5
56K
4.4-5.2
ISDN
2.2-10.4
T1
40-144

o
Pgina 34
As applets java so executadas na mquina cliente, o que implica

que s aumentando a capacidade da mquina ou melhorando o
browser aumenta-se a performance.
A maioria dos problemas so causados pelos CGIs.

Cada CGI requer um novo processo de cada vez que chamado.
Tcnicas que incrementam a performance dos CGIs:
Optimizar a performance
Evitar o acesso ao disco ou base de dados
Evitar o uso de grandes librarias
CPU
o
Muitos processos baixa a performance
Usar o Norton System Doctor que permite verificar o

comportamento do CPU.
O CPU est sobrecarregado se est a ser usado acima dos 80%.
O sistema operativo pode ser capaz de optimizar se for usado

vrios processadores.
A soluo usar um processador mais eficaz; ou usar multiplos

processadores.
Memria
o
A memria pode ser uma das causas da baixa performance, uma

vez que alguns web servers usam a cache para armazenar o
contedo dos ficheiros. Tornando-se mais rpido o acesso
comparado com o acesso ao disco.
Se existir vrios programas abertos, implica automaticamente mais

memria ocupada.
Usam o System Tool para precisar quanta memria RAM o web

server est a usar.
Disco
o
Se o web server trabalha com slots de RAM, somente necessita

de aceder uma nica vez ao disco, ficando o contedo em disco
Pgina 35
para as prximas vezes armazenado na cache, aumentando

consideravelmente a performance do servidor.
o
Os ficheiros LOG reduzem qa performance, sendo a soluo,

retirar os ficheiros LOG ou ento, no ser to radical, e retirar
algumas variveis.
Usar os discos SCSI implica uma maior performance que o uso de

discos IDE.
Configurao do servidor
o
Na mesma mquina incluir a base de dados, mail, web sites +

processos baixa a performance
Directorias cujo o contedo esttico, e configurado com a

opo read e execute, implica a reduo da performance. Deve-se
incluir todos os CGI agrupados em uma directoria.
Quanto maior for o nmero de ficheiros na directoria menor a

performance.
Ficheiros que necessitem de um pre-processamento reduzem a

performance.
Incluir o content-type diminui o tempo de processamento, mas

uma incorreco implica uma formatao errada dos dados.
Rede
o
Com o aumento do nmero de utilizadores, a ocupao da largura

de banda simultaneamente baixa performance.
Se o nmero de bytes transferidos, exceder o limite aumenta-se

a largura de banda.
3. Como Optimizar a performance
Existe 2 solues:
o
Incrementar a velocidade do hardware
Usar mltiplos web servers
Pgina 36
A primeira soluo implia o aumento da capacidade do CPU, da memria, a

2 soluo implica a aquisio de mais uma mquina. Mas esta soluo
torna impossvel balancear os pedidos para as diferentes mquinas A
soluo ser:
1. Dividir os contedos de acordo com uma estimativa do nmero de hits,
2. Usar software de Load-balancing.
3. Round-robin DNS.
Evitar que os web robots visitem as pginas web.
Colocar o ficheiro robots.txt na root do web site, onde se indica quais as
pginas que so visitadas. Mas alguns robots ignoram este ficheiro.
RESUMO
1. Verificar o tamanho dos ficheiros
2. Optimizar os ficheiros executveis
3. Configurar as directorias executveis
4. Remover os outros servios web
5. Adicionar memria
6. Alocar memria para o web server software
7. Verificar a velocidade das conexes
8. Actualizar o web server software
9. Personalizar os cabealhos http
10. Actualizar o hardware
11. Usar o load-balancing
12. Distribuir geograficamente os servidores
Pgina 37
Segurana do Servidor
SEGURANA FISICA
Evitar que os utilizadores no autorizados acedam fisicamente ao

servidor.
As instalaes onde se encontra o servidor, deve ser restrito, com

condies climatricas apropriadas e controladas
A alimentao do servidor deve ser um dos aspectos mais

importantes. Deve-se usar uma UPS para evitar que o servidor deixe
momentaneamente de funcionar ou na pior das situaes, danificar o
sistema.
Armazenar as passwords de acesso ao computador no ser boa

ideia. Au armazenar electrnicamente, evitar usar um formato
suscectivl de procura.
o
Unix permite procurar por palavras ASCII, binarias.
Nos S.O. da Microsoft permite procuras em ficheiros Word, texto,
LISTA DE PASSWORDS COMUNS
Primeiro ou ultimo nome , login
Nome do familiar
A palavra secreta
Palavras comuns, relacionadas com o desporto, ...
Grupo tnico
Repetio de carcter
Qualquer servio que seja acessvel via Web, abre falhas na

segurana.
Deve-se escolher as portas que esto atribudas por defeito.
Pgina 38
As portas permitem-nos aceder a diferentes servios. A maioria dos

sistemas operativos contm um grande nmero de portas que no so
usadas. Os servios mais comuns, tal como http, FTP, PING, todas
tm um nmero que considerado standard. Uma boa soluo para
evitar a violao atravs das portas colocar uma firewall entre o
servidor e a Internet.
LISTAGEM DAS PORTAS

Porta
Servio
Descrio
Echo
Discard
Dev/null
11
Systat
Informao sobre os utilizadores
13
Daytime
Hora e data no local da instalao do

computador
15
Netstat
Informao sobre a rede
19
Chargen
Stream de caracteres ASCII
21
FTP
Transferencia de ficheiros
23
Telnet
Conexo remota ao servidor
25
SMTP
Mail
37
Time
Hora
39
Rlp
Localizao ds recursos
43
Whois
Informao sobre o servidor e a rede
53
DNS
Domain name server
70
Gopher
79
Finger
Informao sobre os utilizadores
80
HTTP
Web server
Pgina 39
110
Pop
Incoming e-mail
119
NNTP
News server
512
Biff
Notificao de mail
513
Rlogin
Login remoto
514
Shell
Acesso remoto sem password
529
Route
Pgina 40
CONFIGURAO DO SERVIDOR
1. Existe formas de configurar o servidor para incrementar
segurana
Um web site como um banco. O pblico annimo entra pela porta

principal e passeia o olhar pelo banco. Existe pessoas devidamente
autorizadas para aceder informao confidencial. Tal como num
banco, num web sever, somente os utilizadores devidamente
autorizados tm acesso.
Algumas das aces que tornam o sistema malevel:

o
Directorias FTP com acesso annimo
Permisses de execuo para muitas directorias
Permitir configuraes adicionais que no so necessrias
Guardar interpretadores de comandos acessveis via web
Uma ou vrias directorias de uma rvore tm diferentes

configuraes
Listagem automtica do contedo da directoria
2. Restringir o acesso a partir do IP, login e password
Para optimizar a segurana, usar o IP, login e password. Usar vrios

nveis garantem mais segurana.
3. Mtodos para garantir a segurana
Atravs do:
o
S.O.
Web server software
Pgina 41
SEGURANA ENTRE O SERVIDOR E O CLIENTE

1. Quando necessrio implementar este tipo de segurana
Quando os dados enviados atravs da internet via http, esto no

formato textual. Se estes dados so interceptados, podem ser lidos.
Se usada uma directoria com um nvel de segurana com password
de proteco, este dado deve estar codificado.
Dados sensveis:
o
Transaces online
Ordens online
Informaes pessoais
Informaes financeiras
Passwords e logins
Existe vrios tipos de encriptao. Cada tipo usa diferentes tcnicas

para implementar a segurana entre o servidor e o cliente.
O objectivo enviar todos os dados sensveis encriptados.
2. O que SSL
um protocolo de transporte para encriptao de informao entre os

browsers e o servidor.
Desenvolvido pela Netscape
O protocolo permite que aplicaes cliente/servidor comuniquem de

uma forma segura.
Os web servers software permitem configurar este protocolo, que

usado na porta 443.
3. Que servio o protocolo SSL assegura
Pgina 42
Autenticao mutua.
O SSL3.0 permite identificar o servidor e o cliente e verificar os seus
identificadores digitais.
Privacidade na mensagem enviada

Todo o trfego entre o cliente e o servidor encriptada usando uma
nica chave.
Integridade da informao
O SSL assegura que os dados mantm-se inalterados durante a
transmisso.
Pgina 43
FIREWALLS
1. O que uma firewall, e o que faz
um computador situado entre a rede interna e a rede externa que

regula o trfego e incrementa segurana. Tipicamente um firewall
um software que analisa o trfego de rede e decide quem tem acesso
ao interior e exterior.
possvel configurar alguns firewall que permitam a transferncia de

informao com chaves seguras.
Pgina 44
2. Configurao
Aumenta a
segurana da rede
interna, mas baixa a
segurana do web
server
INTERNET
ROUTER
INTERNET
HUB
WEB
SERVER
ROUTER
FIREWALL
HUB
FIREWALL
Aumenta a
segurana do web
server, mas baixa a
segurana da rede
interna
WEB
SERVER
Pgina 45
SEGURANA DOS CGI
As aplicaes que sejam executadas no servidor, diminuem a

segurana. Estamos a criar um buraco.
Para permitir que uma dada aplicao (CGI) execute necessrio dar
permisses de execuo directoria no software do web server. (ex:
IIS).
Tcnicas de preveno:
o
Restringir o tempo de execuo
Testar o cdigo priori
Evitar a cross-dependency
Usar librarias j testadas

o
Verificar todos os dados introduzidos no formulrio
Pgina 46
Promoo do site
1. Quais as informaes, que permitiram que o utilizador
acedesse pela primeira vez, ao web site?
Ao publicitar o web site importante saber como o visitante encontrou

o site.
o
Atravs de amigos?
Procura nos directrios ou motores de pesquisa?
Publicidade online, ou atravs dos meios de divulgao

tradicionais?
Para obter resposta a algumas perguntas, deve-se analisar os

ficheiros LOGs!
Outras respostas podem ser obtidas utilizando formulrios online, ou

atravs de pesquisas no terreno.
Mtodo
Percentagem
Motores de pesquisa
71%
Amigos
9,8%
Revistas
8,5%
Links de outros sites
8,4%
Procura sobre o assunto
8,1%
Televiso
3,6%
Directorias da internet
3,3%
2. Quais os sites que tm um link para o nosso web site?
http://www.altavista.com
+link:meusite.pt host:meusite.pt
Pgina 47
Todas as pginas contm a informao da pgina que a referencia.

varivel http_referer
Pgina 48
MOTORES DE PESQUISA
1. Como colocar o site visvel no topo dos motores de pesquisa?
Os motores de pesquisa tm ficheiros designados por robots, que

pedem pginas na web, para as processar, procura de keywords,
hyperlinks, e outra informao, e coloc-la na base de dados. Os
robots guardam a informao acerca do tempo de vida da pgina, para
poder analisar quando ser a prxima visita.
Alguns destes servios so oferecidos em vrios web sites, ou atravs

de software ( http://www.submit-it.com, http://www.regiter-it.com).
A maior parte dos motores de pesquisa oferece 2 tipos de listagem.

Por directoria como o sapo.pt ou atravs das keywords introduzidas,
como o google.com.
As listagens atravs de keywords, so baseados nas palavras

introduzidas, ou atravs de parmetros de pesquisa.
Os motores de pesquisa normalmente usam os seguintes factores no

ranking:
As keywords da tag <META>
Nmero total de vezes que a palavra aparece na pgina
Palavras que aparecem na tag <TITLE>
Nmero de links de outros sites para o site
Existe uma srie de web sites e software que ajudam o programador

web a construir a tag <META>.
Pgina 49
PROMOO ONLINE
1. Formas de promoo
Existe vrios sites onde possvel fazer a promoo do site atravs de

diversas formas banners, particiono de sites, links, etc.
Outras reas de promoo:

o
Newsgroups
Sites que anunciam novas pginas
Mailing lists
e-mails
Revistas online
2. Tcnicas para incrementar as visitas
Desde logo fazer uma anlise cuidado dos ficheiros LOGs
E tipicamente quando oferecemos:

o
Material de referencia
Humor
Produtos complementares
Produtos eticamente proibidos
Informao actualizada
E servios que outros sites no oferecem
Pgina 50
PROMOO CRUZADA
Esta uma forma de divulgao no dispendiosa. Os sites escolhidos

devem ser aqueles que contenham o, mesmo tipo de informao ou
complementem.
O web site de Portugal que pertence categoria Educao(Escola) faz

troca de banners com o site B da Rssia que pertence categoria
Poltica. Esta troca traz vantagens? Usando a varivel http_referer
verifica-se se essa troca benfica.
Exemplos de sites que oferecem este servio:

o
http://www.linkexchange.com
http://www.smartclicks.com
http://www.bannerswap.com
Existe diferenas entre o que banner visto e banner clicado.
A altura e largura, assim como o tamanho em bytes deve ser

cuidadosamente tratado, pois alguns sites tm um conjunto de regras
especficas para este caso.
Pgina 51
PROMOO OFFLINE
Usar a URL nos meios tradicionais de divulgao sempre!
Lista de endereos
Cartes de visita
Brochuras
Cartas
Memorandos
Divulgar a URL nos meios de comunicao tradicionais, seja ele em

jornais ou revistas ou mesmo em televiso (Publicidade electrnica ou
em papel).

Aspectos Tecnicos Do Desenvolvimento Dos Web Sites PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Aspectos Tecnicos Do Desenvolvimento Dos Web Sites PDF

Uploaded by

Copyright:

Available Formats

Desenvolvimento Web II/Programao Internet

Desenvolvimento Web II/Programao Internet II

Planear o Web site

Aumenta a lentido da rede

2. O que necessrio para criar um Web Site

Os computadores so acedidos via IP

Computador conectado Internet

Outros sistemas mais complexos, caso se queira um servidor com

ISP Internet Service Provider

Web server software

Desenvolvimento Web II/Programao Internet II

Responsvel por receber um pedido e enviar a resposta.

3. Quais as regras do Webmaster

Coordenar o web site

Criar o web site

Postmaster so as pessoas responsveis pela administrao do email.

O webmaster deve perceber e comunicar com os programadores,

4. Diferentes partes da URL

Uniform resource locator

Desenvolvimento Web II/Programao Internet II

Depois do protocolo, necessrio conhecer o nome do servidor,

Desenvolvimento Web II/Programao Internet II

Existe outras entidades denominadas registars, que tm a

2. Escolha do domain name

Tecnicamente no necessrio um domain name. Porqu?

O mais prximo do conhecido nos meios tradicional.

S necessrio lembrar ipb.pt e no 193.136.195.220

E se mudar o IP, muda-se o domain name? NO!

Apenas necessrio pedia FCCN uma alterao do IP nos vrios

IPB -> IPB.pt

3. E se o domain name est atribudo?

Desenvolvimento Web II/Programao Internet II

Algumas empresas, pessoas, registam domnios com o fim de os

Recorrer judicialmente se o nome de quem quer registar tem provas

4. Como registar um domnio que no esteja atribudo

Desenvolvimento Web II/Programao Internet II

Contacto do tcnico ou webmaster

IP e nome do domnio primrio

Desenvolvimento Web II/Programao Internet II

Alguns comeam como simples hobbys ( www.yahoo.com) ou

Outros atravs de fores investimentos (www.iol.pt)

O que determina o sucesso?

Questes a colocar antes de...

Quem a minha audincia?

Quais as caractersticas dos visitantes?

Que aspectos do site convidam os visitantes a permanecer ou a

Qual o principal objectivo do site?

Como concretizo os objectivos?

Planear um site como um negcio!

Os objectivos devem ser concisos e no gerais.

2. Que aspectos atraem os visitantes e faz com que estes

Atractivo no aspecto grfico.

Usar a tecnologia compatvel com a maioria dos browsers dos

Dar aos visitantes aquilo que eles querem.

Desenvolvimento Web II/Programao Internet II

3. O que necessrio para ter sucesso?

Conhecer o web server, (configurar, instalar, ...)

Capacidade para criar grficos web.

Capacidade para escrever para a web, que diferente do tipo de

Capacidade de lidar com o HTML.

4. Como estruturar a construo do web site pela primeira vez

Pgina simples, mas esta deve providenciar informao til ao visitante.

Desenvolvimento Web II/Programao Internet II