FAQ – Faculdade XV de Agosto

PADRONIZAÇÃO WEB PARA

GLOBALIZAÇÃO DO ACESSO ÀS
PÁGINAS DO SITE DE UMA EMPRESA
DE DESENVOLVIMENTO DE WEB SITES

Dálcio Luís Bonfá

Socorro – 2007
 FAQ – Faculdade XV de Agosto

PADRONIZAÇÃO WEB PARA

GLOBALIZAÇÃO DO ACESSO ÀS
PÁGINAS DO SITE DE UMA EMPRESA
DE DESENVOLVIMENTO DE WEB SITES

Aluno: Dálcio Luís Bonfá

Orientador: Prof. Ms. Luiz Antonio Fernandez

Trabalho de Conclusão
de Curso apresentado à
Faculdade XV de Agosto,
Curso de Administração.

Socorro – 2007
AGRADECIMENTOS
Agradeço a meu Pai e minha Mãe que em sua simplicidade e humildade me
ensinaram os passos mais importantes para a verdadeira educação. Os valores morais, cívicos
e religiosos que deles aprendi me mostraram que vale a pena lutar por um mundo melhor e
que os dons da inteligência e do conhecimento que Deus nos deu não devem ser ignorados,
mas sim compartilhados para o bem comum.

Agradeço a minha esposa que mesmo tendo de privar-se de muitos momentos que
poderíamos estar juntos, me incentivou a cada instante e nunca deixou de acreditar em minha
capacidade de conseguir superar os desafios da faculdade e da vida.
Se algum dia alguém se lembrar de mim, que
seja pelas coisas boas que procurei fazer, pois
dessa vida a única coisa que deixaremos, e que
realmente são dignas de serem lembradas são
as nossas boas obras.
 RESUMO
O presente trabalho apresenta a aplicação de conceitos de padronização web em um web site,
e teve por objetivo mostrar quais as vantagens obtidas ao se aplicar estes conceitos e porque a
padronização é tão importante para a internet nos dias de hoje. Para a realização do projeto foi
feita a reformulação de layout e conteúdo do web site da empresa analisada, seguindo padrões
estipulados pelo World Wide Web Consortium (W3C), um consórcio que reúne mais de 500
organizações que procura garantir que as tecnologias web funcionem bem em conjunto. A
reformulação levou em consideração os principais conceitos de acessibilidade e usabilidade,
buscando melhores resultados para a empresa no que se refere à quantidade de visitas ao web
site, navegação simples e intuitiva, indexação em sites de busca, acessibilidade em diversos
navegadores, peso das páginas, entre outros. De uma forma geral o trabalho realizado obteve
bons resultados e mostrou que a padronização é parte importante no processo de mudanças
que a internet vem sofrendo nos últimos anos.
SUMÁRIO
GLOSSÁRIO DE TERMOS ................................................................................................. 6
1 - Introdução........................................................................................................................... 7
1.1 - Empresa Analisada....................................................................................................... 8
2 - Referencial teórico.............................................................................................................10
2.1- Padronização e usabilidade ..........................................................................................10
2.2- Ferramentas para padronização................................................................................... 10
2.3- Órgãos regulamentadores............................................................................................ 12
3 – Metodologia.......................................................................................................................14
3.1- O Projeto ......................................................................................................................14
4 - RESULTADOS................................................................................................................. 17
4.1- Figuras .........................................................................................................................17
4.2- Quadro comparativo ....................................................................................................21
5 – ANÁLISE DOS RESULTADOS.................................................................................... 22
6 – CONSIDERAÇÕES FINAIS ......................................................................................... 24
REFERÊNCIAS BIBLIOGRÁFICAS................................................................................. 25
 6

GLOSSÁRIO DE TERMOS

HTML Hypertext Markup Language

XML Extensible Markup Language
XHTML Extensible Hypertext Markup Language
CSS Cascading Style Sheets
DOM Document Object Model
W3C World Wide Web Consortium
URL Uniform Resource Location
WWW World Wide Web
ASP Active Server Page
FLASH Software utilizado para criação de animações interativas em um navegador web
JavaScript Linguagem de programação para validações do lado do cliente
 7

1 – INTRODUÇÃO

A implementação dos padrões web está longe de ser unânime. Mas nos últimos
anos o suporte a esses padrões está se tornando mais constante. Há muitas discussões sobre a
importância da utilização dos recursos de padronização, mas o que se sabe é que a adoção de
padrões remove grande parte das dificuldades e dá maior dinamismo ao desenvolvimento de
sites e/ou qualquer outro documento web. Antes de adentrar-mos no assunto vamos conhecer
um pouco mais sobre a criação do mundo virtual que chamamos “Internet”.

A partir dos anos 90, mais precisamente em 1990 Berners-Lee começou a escrever
uma aplicação que chamou de World Wide Web. A aplicação era uma interface visual para a
criação e exibição de documentos hipertexto. Berners-Lee criou então o HTML como forma
de expressar os documentos estruturados. Ele também criou o esquema de endereçamento
universal conhecido com URL. Em novembro de 1990, durante os testes da aplicação, entrou
em funcionamento o primeiro servidor web da história. No final daquele ano, a aplicação
estava pronta para demonstração. A web finalmente nascia.

A partir daí a web evoluiu rapidamente e com a sua expansão as necessidades das
pessoas e organizações cresceram também. Os primeiros navegadores suportavam apenas
documentos textos. Em 1993, com a criação do Mosaic e alguns outros navegadores similares,
o HTML incorporou também imagens. Outros elementos foram adicionados também à
especificação inicial criada por Berners-Lee para atender às demandas crescentes de
estruturação de documentos.

O crescimento da web também trouxe seus problemas, um dos principais foi que o
documento ou página só era bem exibido em navegadores que possuíam os elementos
específicos para exibir tal documento. Como cada navegador implementava seu conjunto de
elementos especiais, o tamanho e a falta de estruturação dos documentos começou a aumentar
e o HTML foi reduzido a uma confusão de elementos despadronizados.

Nessa época começou a “Grande Guerra dos Navegadores” que durou vários anos.
Qualquer pessoa que tenha lidado com HTML na época poderá atestar a dificuldade de
conseguir que um documento qualquer aparecesse bem em todos os navegadores em uso
então.
 8

Em 1994, para lidar com essas questões, o Word Wide Web Consortium (W3C) foi
criado. Essa organização tem como objetivo guiar a criação de padrões para a utilização em
documentos web. Nesse momento a situação já era caótica e mesmo apesar do esforço
desenvolvido pela organização nos últimos anos a situação hoje também ainda está longe de
ser perfeita. Ainda assim, se o W3C não existisse, hoje seria impossível criar documentos que
renderizam de maneira mais ou menos similar nos vários navegadores e sistemas atuais.

Muitos dos usos da web hoje só são possíveis por causa da utilização de padrões
que permitem o compartilhamento fácil de informações. Além disso, o futuro obviamente
trará muitas outras possibilidades que só serão realizáveis se houver um certo grau de
conformidade.

Assim sendo, o presente trabalho tem como finalidade analisar o seguinte

problema: Qual o impacto da implantação de uma padronização mundial para as páginas do
site de uma Empresa de desenvolvimento de web sites?

Como objetivo, busca-se mensurar através de indicadores os impactos decorrentes

da utilização de uma padronização dentro do site da empresa analisada, propondo uma
melhoria na acessibilidade, navegação e carregamento das páginas web, visando atender as
necessidades de todos aqueles que visitam o site em busca de informações sobre a empresa.

1.1 – EMPRESA ANALISADA

A análise foi realizada em uma empresa de desenvolvimento de web sites que está
localizada na cidade de Socorro – São Paulo. Atua desde 2001 no mercado na área de
desenvolvimento de web sites institucionais, e-commerce, catálogos digitais, apresentações
multimídias e marketing digital. Seu quadro de trabalho conta com dois sócios e dois
colaboradores.
 9

2-REFERENCIAL TEÓRICO

A seguir será apresentado o referencial teórico que foi utilizado nesse trabalho
através de pesquisas em livros, artigos e Internet.

2.1 Padronização e Usabilidade

O desenvolvimento de páginas web se dá por meio da construção em hipertexto.

Segundo Preece (1997), o termo hipertexto surgiu com Theodore Holm Nelson para definir a
idéia de escrita e leitura não lineares em sistema de informática.

No dicionário da Língua Portuguesa encontramos a definição de hipertexto como

sendo uma “técnica de armazenamento e apresentação da informação baseada num sistema de
referências cruzadas que formam uma rede de associações (à semelhança da forma como se
processa o pensamento humano, baseado em associações de idéias num percurso não
seqüencial) que ligam texto, imagens, sons e ações, permitindo ao utilizador procurar e
encontrar itens relacionados e circular entre eles facilmente, ativando palavras-chave que dão
acesso a outros documentos.”

A página inicial do site deve conter o logotipo do site. Forsyth, (1997, p. 158) e
Nielsen (2000, p. 189) salientam que “a regra de navegação número um é incluir o logotipo
(ou outro identificador do site) em todas as páginas!”, que deve conter a hiperligação à página
inicial.

A página inicial do site deverá ter elementos que não suscitem dúvidas sobre a
distinção e conteúdo do site. É a página mais acessada e nunca deverá apenas ser uma página
de abertura do tipo “bem-vindo” (NIELSEN & THAIR, 2002).

O site deverá ter sempre presente um menu de navegação, preferencialmente,

localizado à esquerda ou no topo da página, apresentando entre três a nove hiperligações
principais. As opções do menu de navegação devem refletir as temáticas abordadas no site
(NIELSEN & THAIR, 2002).
 10

A legibilidade da informação é um dos principais critérios de usabilidade, quer se

refira ao texto ou às imagens. Como a capacidade de leitura em páginas web diminui 25% em
relação ao papel, é importante que o texto esteja apresentado em pequenos parágrafos e
alinhado à esquerda, sendo maior o espaçamento entre parágrafos do que entre linhas. Deverá
ter um título destacado do restante corpo de texto. A cor do texto deve ser contrastante com a
do fundo, preferencialmente texto escuro sobre fundo claro (NIELSEN & THAIR, 2002).

A usabilidade é um conceito de qualidade de uma aplicação sob uma perspectiva

de uso, tradicionalmente relacionado a cinco atributos: facilidade de aprendizado, eficiência,
facilidade de reter o conhecimento sobre a aplicação obtido em usos anteriores
(memorização), baixo índice de erros, e satisfação dos usuários (NIELSEN, 1993).

Segundo Garzotto (1998), a usabilidade de aplicações web é a habilidade do

usuário em utilizar sites e acessar o conteúdo deles do modo mais efetivo. Como
conseqüência, tornou-se obrigatório prover tanto o critério de qualidade que os sites têm que
satisfazer para ser utilizáveis, como os métodos sistemáticos para avaliar tal critério.

Segundo Zeldman (2003, p. 9) Há pouco tempo, muitos motoristas não achavam

nada de mais em jogar garrafas vazias pelas janelas dos carros. Anos mais tarde, esses
mesmos cidadãos perceberam que jogar lixo nas vias públicas não era uma maneira aceitável
de dispor lixo. A comunidade de web design está agora passando por uma mudança de atitude
similar, e os padrões da web são a chave para essa transformação.

2.2 Ferramentas para padronização

Segundo Bertino e Ferrari (2001) – XML é uma linguagem desenvolvida para a

descrição de dados (conteúdo) que permite a criação de formatos únicos para descrever dados
de aplicações específicas. XML vem se tornando rapidamente um padrão para representação e
troca de dados. Assim, ela pode ajudar na integração de dados estruturados, semi-estruturados
e não-estruturados na web, sendo bastante adequado para ser usada como um modelo de dados
comum na web.
 11

A XHTML é uma versão atualizada da HTML baseada na XML. É uma linguagem

que aproveita as vantagens de uma linguagem de descrição de conteúdos com compatibilidade
com quase tudo o que existe hoje na web, garantindo uma fácil transição. A XHTML suporta
todas as funcionalidades da HTML 4.01 com a aplicação das regras mais rígidas da sintaxe do
XML. (MACEDO, 2004, p. 6).

A linguagem CSS é um padrão de formatação para documentos HTML / XTML,

que permite desenvolvimento de design para sites mais flexíveis, sem aumentar o seu
tamanho. O CSS permite ao designer controlar de forma mais adequada os atributos
tipográficos de um site, como tamanho e cor das fontes, espaçamento entre linhas e caracteres,
margem do texto, entre outros. Introduziu também a utilização de layers, permitindo a
sobreposição de texto sobre texto ou texto sobre imagens. Macedo, (2004, p. 7).

O DOM é uma interface de programação de aplicativos para documentos HTML,

XHTML e XML. É a definição da estrutura lógica dos documentos e o meio pelo qual um
documento é acessado e manipulado. Na especificação DOM, o termo "documento" é
utilizado no seu sentido mais amplo.

A XML é usada como o meio de representação de muitos tipos diferentes de

informação que podem ser armazenados em sistemas diversos e muitos seriam
tradicionalmente considerados como informação no lugar de documentos. Assim mesmo, a
XML apresenta essas informações como documentos e o DOM pode ser utilizado para o
gerenciamento dessas informações.

Metadados são normalmente conhecidos como informação que descreve

informação. Em um ambiente como o da web, isto pode ser entendido como os dados que
podem auxiliar na organização, identificação, segurança, descrição, localização, recuperação,
controle de acesso, proteção dos direitos autorais e de propriedade, etc., de documentos
eletrônicos e não-eletrônicos.

O catálogo de uma biblioteca é um exemplo típico de metadados, pois, nele

existem várias informações que descrevem os recursos armazenados, auxiliando os usuários
na recuperação. Assim, podemos dizer que metadados têm importantes funções e que não
estão somente associadas à localização do recurso, podendo abranger outras propriedades tais
 12

como: verificação, controle, gerenciamento do recurso e também a de padronização de um

formato para a utilização entre instituições (MILSTEAD & FELDMAN, 1999).

Para Alvarenga (2003), o conceito de metadado, etimologicamente, quer dizer

'dado sobre dado' que descreve, a essência, atributos e contexto de emergência de um recurso
(documento, fonte, etc.) e caracteriza suas relações, visando-se ao acesso e ao uso potencial.
O prefixo grego meta significa mudança, posterioridade, além, transcendência [...].

Duval et al. (2002), define metadados como sendo dados estruturados sobre
dados.

Os metadados incluem elementos de descrição do conteúdo dos dados e qualquer

informação relevante para a recuperação informacional dos mesmos. Os metadados têm como
vantagens, segundo Souza, (1997):
a) possibilitar a interoperabilidade entre as diversas fontes de dados;
b) definir a linguagem de consulta;
c) permitir a agilidade e o acesso com qualidade na recuperação da informação;
d) e, propiciar o intercâmbio informacional.

Os metadados são incluídos dentro de metatags nas páginas web para facilitar a
indexação por robôs de busca na.

2.3 Órgãos regulamentadores

Criado em 1994, o World Wide Web Consortium (W3C) elaborou especificações e

diretrizes com a intenção de promover a evolução da web e garantir que as tecnologias web
funcionassem bem juntas. Aproximadamente 500 organizações pertencem ao consórcio. Seu
diretor, Tim Bemers-Lee, inventariou a web em 1989. As especificações desenvolvidas pelo
W3C incluem HTML, CSS, XML, XHTML e o Document Object Model (DOM) padrão, entre
muitos outros.

Durante anos, o W3C referiu-se a tais especificações como "Recomendações", as

quais poderiam ter inadvertidamente encorajado empresas como Netscape e Microsoft a
 13

implementar as especificações da W3C com menos rigor. No seu início, em 1998, The Web
Standards Project (www.webstandards.org) rotulou novamente os "padrões web" das W3C
Recommendations, um artifício do marketing de guerrilha que ajudou a reposição precisa e o
suporte completo para essas especificações como um ingrediente vital de qualquer navegador
ou dispositivo da Internet (ZELDMAN, 2003).
 14

3-METODOLOGIA

O método de pesquisa utilizado foi o estudo de caso, que de acordo com Yin
(1989, p.23), é uma forma de se fazer pesquisa empírica que investiga fenômenos
contemporâneos, dentro de seu contexto de vida real, em situações em que as fronteiras entre
o fenômeno e o contexto não estão claramente estabelecidas, onde se utiliza múltipla fonte de
evidência.

A pesquisa de estudo de caso tem por objetivo estabelecer uma série de

compreensões no sentido de descobrir respostas para as indagações e questões que existem em
todos os ramos do conhecimento humano, tem por finalidade tentar conhecer e explicar os
fenômenos que ocorrem nas suas mais diferentes manifestações e a maneira que se processam
os seus aspectos estruturais e funcionais a partir de uma série de indagações. (OLIVEIRA,
2002).

3.1 O Projeto

O site da empresa analisada até então apresentava resultados pouco satisfatórios,

com baixo volume de acessos e páginas lentas e pesadas ao serem carregadas, dificilmente
aparecia em sites de pesquisa na web, o site era desenvolvido em linguagem HTML e 100% de
seu conteúdo estava inserido em animações desenvolvidas em FLASH. Não existia nenhuma
preocupação com a padronização para os códigos das páginas, com a economia de banda, com
o peso das páginas, com a acessibilidade das mesmas e nem tampouco com o
compartilhamento de informações na internet. As manutenções das páginas não eram tarefas
simples, aumentando assim o custo por tempo de serviço.

Para o início do estudo para o desenvolvimento de um novo site foi realizado um

levantamento de todos os tipos de relatórios existentes sobre o site em questão. Estes
relatórios são gerados de forma On Line pela Locaweb que é a empresa de hospedagem do
site. Os gráficos selecionados para análise foram: relatório de acessos distintos, principais
sites referentes de busca, principais navegadores utilizados, taxa de transferência de banda. Os
gráficos foram utilizados como base comparativa para medir o impacto das mudanças
ocorridas no site após a implantação dos conceitos de padronização.
 15

Para o desenvolvimento prático do projeto partiu-se da criação em parceria com

uma Agência de Comunicação de um novo layout para o site. Após a aprovação do layout
pelos sócios da empresa teve início a transformação daquilo que antes era simplesmente uma
imagem para códigos HTML, CSS, JavaScript e ASP, este trabalho foi realizado por um
webdesigner da empresa.

Para o desenvolvimento do novo site, antes de qualquer coisa, levou-se em conta

os conceitos básicos de padronização, explorando ao máximo suas vantagens como segue:

Uniformidade. Foi utilizada uma estrutura comum para o desenvolvimento das

páginas, facilitando a manipulação das mesmas, permitindo que modificações tais como
inserções e remoções de conteúdo ou movimentações estruturais possam ser realizadas de
maneira simples, sem a necessidade de aplicações complexas.

Simplicidade. Foram retirados elementos desnecessários dos códigos das páginas,

diminuindo ao máximo o uso de marcadores para melhorar a velocidade de acesso e a
indexação em mecanismos de busca.

Liberdade. Foram utilizadas diversas linguagens na estruturação que vão ao

encontro do usuário, para que qualquer pessoa em qualquer lugar acesse o site sem a
necessidade de instalação de programas, plugins ou qualquer outra ferramenta que tenha
custos ou não.

Separação de estrutura e apresentação. O conteúdo do site através desta divisão

pode ser modificado de acordo com as necessidades, permitindo maior flexibilidade na
formatação dos documentos.

Além destas questões levou-se em consideração também a facilidade de

navegação, com a disposição do menu principal de navegação em lugar de fácil acesso na
parte superior do site e presente em todas as páginas.
 16

O desenvolvimento foi realizado baseado na baixa profundidade de links, com

isso, independentemente da página em que o usuário estiver ele poderá acessar qualquer
conteúdo do site com no máximo dois cliques do mouse.

Para desenvolvimento das páginas foi utilizado o conceito de Tableless, que é uma
metodologia de desenvolvimento que utiliza layers ao invés de tabelas para a formatação das
páginas e cujo conceito é utilizar cada <tag> na função para qual a mesma foi criada.

Foi realizada uma separação de conteúdo e de formatação de layout, as páginas

HTML contêm os conteúdos e as informações como textos e imagens, enquanto que as
formatações de layout como tamanho e cor de fontes, disposição na tela, planos de fundo
entre outros foram realizadas em um único arquivo de Folha de Estilos com a extensão
“.CSS”.

Para a verificação de campos preenchidos em formulários, detectar configurações

do monitor do usuário e outros tipos de verificação, foi utilizada a linguagem javascript, uma
linguagem que permite executar determinadas funções no computador do próprio usuário,
sem precisar do servidor para isso. É uma grande vantagem, visto que a resposta a uma
requisição se torna incrivelmente mais rápida do que as requisitadas de um servidor. Estes
códigos também foram inseridos dentro de um arquivo único com extensão “.js”, o que
facilita a manipulação dos códigos e agiliza a velocidade no carregamento das páginas.

Todos os textos do site que antes estavam embutidos dentro das animações em
Flash foram convertidos para o formato texto, dentro de <tags> HTML para facilitar a
indexação de conteúdo pelos sites de busca.

Dentro do cabeçalho da página inicial do site foram inseridas “meta tags”. As

“meta tags” são palavras chaves referentes ao conteúdo principal das páginas, estas palavras
chaves facilitam a indexação do site pelos robôs dos mecanismos de busca em suas pesquisas
pela internet.

O novo site, ao contrário do antigo, agora possui um padrão de cores claras como
background das páginas e cores escuras nos textos, isto facilita a visualização mesmo em
navegadores que não carreguem os estilos CSS.
 17

4- RESULTADOS

Apresentamos abaixo os gráficos comparativos para mostrar as variações

ocorridas no web site após 12 meses da aplicação dos padrões web.

Figura1: Visitas por tempo (Maio de 2006)

Fonte: WebTrends Inc. - (Locaweb)

Figura2: Visitas por tempo (Maio de 2007)

Fonte: Urchin Software Corporation - (Locaweb)
 18

Figura 3: Principais mecanismos de busca referentes (Maio de 2006)

Fonte: WebTrends Inc. - (Locaweb)

Figura 4: Principais mecanismos de busca referentes (Maio de 2007)

Fonte: Urchin Software Corporation - (Locaweb)
 19

Figura 5: Principais navegadores utilizados (Maio de 2006)

Fonte: WebTrends Inc. - (Locaweb)

Figura 6: Principais navegadores utilizados (Maio de 2007)

Fonte: Urchin Software Corporation - (Locaweb)
 20

Figura 7: Total de arquivos descarregados em MB (Maio de 2006)

Fonte: WebTrends Inc. - (Locaweb)

Figura 8: Total de arquivos descarregados em MB (Maio de 2007)

Fonte: Urchin Software Corporation - (Locaweb)
 21

ANTES DEPOIS
Falta de estruturação para os códigos das Melhor estruturação dos códigos seguindo
páginas. padrões de uniformidade.

O conteúdo das páginas e sua formatação Foi realizada uma separação de conteúdo
estavam no mesmo arquivo. e formatação, colocando-os em arquivos
independentes.

Não existia a preocupação com a Foi realizada uma reestruturação para uma
disposição dos links na tela. melhor disposição dos links na tela para
facilitar a navegação.

O site não era indexado adequadamente Formatação dos conteúdos utilizando

em mecanismos de busca. novas tecnologias para que a indexação
fosse realizada de forma adequada.

Não havia preocupação com o peso das
páginas e com a acessibilidade por parte
dos usuários com conexão de baixa
velocidade.
As páginas foram reestruturadas para
ficarem mais leves e de fácil
acessibilidade por todos os usuários
independente da velocidade de conexão à
internet.

O site era desenvolvido totalmente com A nova estrutura foi adequada para que os
animações vetoriais em flash que incluía textos fossem reconhecidos por robôs de
textos e imagens. busca e as imagens pudessem conter
textos alternativos para leitura por
programas especiais.

Não havia nenhuma preocupação com a Foi realizada uma reformulação nos
disposição de cores no site. elementos de cores para facilitar a
visualização por pessoas com deficiência
visual.

Quadro 01: Comparativo Antes e Depois

Fonte: Dados de pesquisa elaborados pelo autor.
 22

5- ANÁLISE DOS RESULTADOS

Conforme os dados apresentados, a utilização de padrões no desenvolvimento de

um web site pode trazer resultados positivos paras as Empresas que os utilizam.

Analisando os gráficos da Figura 1 e Figura 2, observa-se que houve um aumento

no número de acessos ao site da Empresa analisada de aproximadamente 70% depois de 1 ano
das aplicações, isso demonstra que o site tornou-se mais acessível. Outro fator importante que
contribuiu para o resultado alcançado é que com a aplicação dos padrões, o web site foi
melhor indexado por mecanismos de busca que antes não conseguiam fazê-lo.

Como vemos na Figura 3 o mecanismo de Busca Google representava quase 54%

de todos os acessos ao web site, depois da aplicação dos padrões como vemos na Figura 4,
este número baixou para 46%, isto não representa um dado negativo, mas sim que os novos
mecanismos de busca que agora também conseguem indexar o web site causaram uma
redistribuição nas estatísticas de retorno, pelo fato do web site estar cadastrado hoje em um
número muito maior de mecanismos de busca.

A padronização também contribuiu para que o web site possa ser visualizado nos
mais variados tipos de navegadores de internet. Apesar de existirem inúmeros deles, na
Tabela 5 vemos que 92% dos internautas utilizavam o navegador Internet Explorer para
acessar o site, após a aplicação dos padrões este número caiu para 87% como mostra a Tabela
6, isso aconteceu porque o número de acessos através de outros navegadores aumentou
consideravelmente.

Outro resultado importante alcançado com a padronização foi a diminuição do

peso das páginas, isto é, as páginas se tornaram mais leves e mais rápidas de serem
carregadas, independentemente de o usuário estar acessando a internet por banda larga ou por
conexão discada.

Aliado à diminuição do peso das páginas e não menos importante, ocorreu

também uma diminuição na taxa de transferência de arquivos em Megabytes. Na Figura 7 os
dados mostram que o web site teve 1.520 megabytes de transferência de dados no período, já
 23

na Figura 8 os dados mostram que apesar do web site ter um aumento de mais de 70% no
número de visitas, a taxa de transferência caiu para 264 megabytes no período. Este número
talvez não seja relevante para sites com baixo número de visitas, mas para grandes empresas
pode evitar inúmeros problemas como: estouro do limite de banda contratado junto à empresa
de hospedagem, instabilidade no acesso ao web site, problemas na conexão com bancos de
dados, entre outros.
 24

5- CONSIDERAÇÕES FINAIS

Alguns autores que relatam a internet para os dias de hoje, costumam dizer que
muitas vezes “menos é mais”.

No desenvolvimento deste trabalho pude compreender que nem sempre os

projetos de desenvolvimento de web sites que despendem grandes recursos tecnológicos,
repletos de animações e recursos áudio visuais são os que dão os melhores resultados para
uma Empresa. Inúmeros fatores podem contribuir positiva ou negativamente para o sucesso
ou fracasso de um projeto web.

O êxito deste trabalho se deu graças ao apoio total da empresa analisada, que não
colocou nenhum tipo de restrição ao projeto, pelo contrário, contribui e acreditou na ação
proposta, tornando-o assim bastante gratificante e rico em aprendizado e me mostrando mais
uma vez que, o mundo virtual é muito dinâmico e está cada vez mais presente na vida das
pessoas e nos negócios das empresas.

Os padrões web são hoje uma realidade, não podemos simplesmente ignorá-los,
este trabalho demonstrou que devemos conhecê-los a aplicá-los, procurando através deles,
tirar o máximo proveito de tudo o que a internet tem a nos oferecer.

O trabalho contribuiu muito para meu aperfeiçoamento profissional na área de

Sistemas de Informação, inclusive dando a oportunidade de aplicar novas tecnologias no
desenvolvimento de projetos voltados para a web em meu ambiente de trabalho.

Como sugestão para os profissionais da área e complementando este trabalho,

sugiro o desenvolvimento de artigos voltados para a Arquitetura da Informação. Cada vez
mais as pessoas estão utilizando interfaces para interagir umas com as outras, isto cria uma
nova perspectiva nas relações sociais, onde a tecnologia se faz presente e precisa de um bom
planejamento, para que cumpra sua função que é de permitir a interação entre as pessoas
através de interfaces e sistemas amigáveis.
 25

REFERÊNCIA BIBLIOGRÁFICA

ALVARENGA, Lídia. Representação do conhecimento na perspectiva da Ciência da

informação em tempo e espaços digitais. Florianópolis, 2003.

BERTINO, E. AND FERRARI, E.. Xml and data integration. IEEE Internet Computing,
2001 p. 75-76.

DUVAL, Erik et al. Metadata Principles and Practicalities. D-Lib Magazine, 2002 p. 1-15.

FORSYTH, Ian. Teaching and learning materials and the Internet. London: Kogan Page,
1997, p. 158

GARZOTTO, F.; Matera, M.; Paolini, P.: To Use or Not to Use? Evaluating Usability of
Museum Web Sites, Museums and the Web 1998: Conference Proceedings, CD-ROM
documenting the Second International Conference held in Toronto, Ontario, Canada, April
21-25, 1998. Pittsburgh, PA: Archives & Museum Informatics.

MILSTEAD J. & FELDMAN S. Metadata: Cataloging by Any Other Name...,

disponível em http://www.onlineinc.com/onlinemag/OL1999/milstead1.html#projects. Acesso
em 22.06.2007

MACEDO, Marcelo S. Construindo sites adotando padrões Web. Rio de Janeiro, RJ:
Ciência Moderna, 2004. p1-4

NIELSEN Jakob. Usability Engineering, Academic Press: New York, 1993.

NIELSEN, Jakob. Designing Web Usability. Indianopolis: New Riders Publishing, 2000

NIELSEN, Jakob & THAIR, Marie. Homepage usabilidade, 50 websites desconstruídos.

Rio de Janeiro: Editora Campus, 2002, p. 43-53]

OLIVEIRA, Silvio Luiz de. Tratamento de metodologia cientifica: projeto de pesquisa,

TGI, TCC, monografias, dissertações e teses. São Paulo: Pioneira, Thomson Learning, 2002.

PREECE, Jenny. A guide to usability. Addison - Wesley, 1997.

SOUZA, T. B. de; CATARINO, M. E.; SANTOS, P. C. dos. Metadados: catalogando dados

na Internet. Transinformação, 1997.

YIN, Robert K. - Case Study Research - Design and Methods. Sage Publications Inc., USA,
1989.

ZELDMAN, Jefrey Projetando Web Sites compatíveis: Como construir Web Sites
compatíveis com browsers e dispositivos variados. Rio de Janeiro: Elsevier, 2003, p. 6.