AG8 Informtica

2 PARTE

CAPTULO 4
Este captulo tm como objetivo:
1.
2.
3.
4.

Tratar das etapas do projeto de um Website

Quais os profissionais envolvidos
Administrao do site
Dicas para no cometer erros graves na hora de projetar e
construir um Website

22

AG8 Informtica

PROJETO DE WEBSITE
1.HIPERTEXTO
a utilizao da HTML como linguagem para desenvolvimento da sua
pgina. Domin-la importante para um bom desenvolvimento do seu projeto.

2.WEB DESIGN E VISO DO PROJETO

A maioria das pessoas associam Design unicamente ao projeto grfico
de um WebSite, o que um erro.
O conceito de Web Design envolve todos os aspectos da construo de
um site, desde o desenho de sua estrutura de navegao e forma de
disponibilizao da informao at o desenvolvimento do projeto grfico.
A construo de um Website deve, antes de mais nada, ser entendida
como um projeto, composto de fases e desenvolvido por pessoas de
backgrounds diferentes.

3.CONTEDO E FORMA
O que faz uma pessoa entrar em um site?
O faz a pessoa querer retornar?
Estas perguntas devem sempre estar na cabea das pessoas de uma
equipe de construo de sites.
A primeira muito relaciona-se ao pblico alvo. Para qual tipo de pblico
voc est disponibilizando informao? Quais so as prioridades e interesses
deste pblico? Que tipo de conexo mais usada por ele?
As respostas para a segunda pergunta certamente envolvem trs
pontos: o 1 o contedo. o elemento central. O 2 ponto o design do site
(estrutura de navegao e projeto grfico).
Estruturar a informao de forma que a navegao seja o mais intuitiva
possvel faz com que sua apresentao Web tenha muito mais chance de
sucesso, considerando o tipo de informao disponibilizada conforme seu

23

AG8 Informtica
pblico alvo. Outro ponto a atualizao para que no perca uma das
principais caractersticas da Internet: a dinamicidade.

4.EQUIPE PARA CONSTRUO DE UM WEBSITE

A construo de um Website exige uma equipe com backgrounds
diferentes.
A equipe de profissionais adequada seria composta:
a) Analistas de sistemas (com experincia em gerncia de
Informao), responsvel pela organizao da informao;
b) Design Grfico, responsvel pelo projeto grfico;
c) Programadores, que, dependendo do tipo de site, podem ser
programadores HTML, Java, JavaScript, CGI, etc;
d) Assistentes, que auxiliam o trabalho do Analista de sistemas ou do
Design Grfico (ilustradores, digitadores, etc.).
A equipe dever ter um coordenador, responsvel em fazer o trabalho
fluir de forma eficiente, dentro de um cronograma aproveitando o mximo de
cada profissional.
Depois do site construdo surgir uma outra pessoa: o WebMaster, que
ser responsvel pela administrao do site.
muito haver o acmulo de funes por membros da equipe. Mas
importante definir o papel de cada na construo do site.

24

AG8 Informtica

FASES NA CONSTRUO DE UM WEBSITE

1 Fase : Organizao da Informao
A primeira etapa a organizao da informao que ir compor seu site.
O Analista de sistemas dever colher toda informao e analisa-la, preparandoa para a etapa seguinte, onde se iniciar o design do site.
Critrios de avaliao das informaes:
Qualquer documento pode ser disponibilizado atravs da Web mas
alguns se tornam mais teis quando adequados as novas caractersticas dessa
nova mdia. Aqui esto alguns dos critrios que devero ser observados para o
projeto do site:

1. Material que tire vantagem da estrutura no linear de navegao do

hiperdocumento.
Ex.: manuais, guias, grandes bases de dados textuais, etc...;
2. Material que mais valoroso se atualizado freqentemente e mais
facilmente, ex.: agenda de reunies, agenda telefnica, calendrios, etc ...;
3. Material que possa ser totalmente substitudo por uma impresso, ex.:
grficos e textos (imagens de alta qualidade no so recomendveis);
4. Material que requer intercmbio de informaes, ex.: formulrios de
pesquisa, fichas de inscrio, etc ...

2 Fase : Conceituao do site e definio da estrutura

de navegao
Normalmente nesta etapa envolve uma ou mais reunies de criao.
Todos os membros da equipe devem participar das reunies de criao, cujo
objetivo obter o maior nmero de idias possveis para a criao da estrutura
de navegao e do projeto grfico. O Coordenador da equipe, o Design Grfico
e o Analista de Sistemas, com suas respectivas vises de projeto, coordenam
essas reunies, para que as sugestes de reas diferentes possam se integrar.
Uma vez discutidas e analisadas todas as sugestes de reas diferentes
possam se integrar. Uma vez discutidas e analisadas todas as sugestes,
pode-se ento, criar a estrutura de navegao. Nesta etapa, desenhar
fluxogramas de navegao, mostrando como as pginas esto linkadas
(conectadas) entre si, ajudar a Ter uma viso geral do site. No futuro, isso
facilitar tambm o processo de modificar, acrescentar ou retirar pginas.

25

AG8 Informtica

3 Fase: Montagem do Site

Uma vez definida a estrutura de navegao, os membros da equipe
podero ento trabalhar cada um em sua rea: o Design Grfico e seus
Assistentes desenvolvero o projeto grfico, enquanto o Analista de Sistemas e
programadores montaro a estrutura de navegao (seja em HTML, Java,
JavaScript ou no que tiver sido escolhido como mais adequado para a
construo do site).

4 Fase: Testes
Antes de ser disponibilizado para o pblico em geral importante testar
a navegao de todo o site, checando os links de texto e imagens.
importante entrar no site a partir de vrias plataformas e conexes diferentes,
para testar a velocidade de carga e consertar falhas de diagramao, que pode
mudar, de acordo com o tamanho de monitor e resoluo usada.

DICAS E CONSIDERAES IMPORTANTES

1. Na criao do projeto grfico, tente sempre optar por solues que melhor
se adaptem a plataforma mais usada. Por exemplo: monitor 14 polegadas
com resoluo de 640x480, faa com a melhor diagramao das pginas
acontea quando o site visto nesse tipo de monitor e resoluo. Caso o
seu site deva ser diagramado para uma resoluo ou tamanho de monitor
diferentes do mais usado, informe no site.
2. Num projeto grfico deve sempre se perguntar se sua apresentao ficou
adequada ou no ao que seu cliente desejava e ao seu pblico alvo.
3. Para ter uma garantia que suas imagens sero sempre bem visualizadas,
procure trabalhar com imagens paletizadas (formato .gif). O melhor
resultado para isso ser trabalhar suas imagens em RGB e depois indexlas com o menor nmero de cores possvel. Caso precise utilizar imagens
True Color, salve-as em formato .jpeg, que resultar em arquivos pequenos.
4. Sempre indique em que browser sua pgina ser melhor visualizada.
5. A pgina de entrada de um site muito importante. Ela deve ser projetada
de forma que diga a que o site se destina, seja de forma textual, visual ou
estrutural.

26

AG8 Informtica
6. O contedo e forma como ele apresentado sero os principais atrativos de
suas pginas, a no ser que o ponto chave sejam as imagens. Por isso, no
pense que a net igual a outras mdias.
7. Direitos autorais: A proteo de direitos autorais no costuma ser muito
evidente na Web. O desejo original de uma pgina no protegido. Mas
qualquer texto, grfico, vdeo ou udio originais deve ser protegido. Um link
ou URL no protegido mas uma lista de links(como no caso das
bibliotecas virtuais) deve ser protegido pelos direitos autorais.
8. A netiqueta e Domnio pblico: A Web foi criada com base em ser capaz de
atar links de hipertexto de qualquer outra localizao da rede.
Consequentemente, quando voc disponibiliza um site, implica em voc
permitir a outros "linkar" sua pgina de Web, porm a netiqueta recomenda
que se pea permisso aos Webmasters sempre que possvel.

27

AG8 Informtica

ADMINISTRAO DE UM SITE
Todo WebSite deve ter um Webmaster, ele a autoridade mxima no
site e coordena tanto seu desenvolvimento quanto sua manuteno alm de
responder a toda correspondncia enviada ao site. Seu endereo eletrnico
deve ser divulgado na primeira pgina e em todas as outras que exijam um
processo interativo.

1. DIVULGAO
Com o potencial de audincia de milhes encontrados na Internet
necessrio utilizarmos todos os recursos disponveis nesta para
conseguirmos atingir uma audincia chave. As principais formas de
divulgao on-line so:
a) E-mail: o envio de propaganda no solicitada pela Internet uma
prtica no recomendada.
b) Search engines: as informaes de seu site devem ser
organizadas da melhor forma possvel para a captura pelos inmeros
recursos de busca existentes na rede.
c) Banners: trata-se de uma tarja com informaes promocionais
sobre seu site que deve aparecer estrategicamente localizada nas
pginas de sites que vendem espao publicitrio. So na verdade
imagens clicveis para o site em promoo.

2. ESTATSTICAS
Mostram as pginas mais visitadas, horrios mais visitados, dias mais
visitados, etc. Assim possvel definir o perfil do usurio e desta forma
atualizar o site de forma a atrair sempre o maior nmero de visitantes.

3. CHECAGEM DE LINKS
importante estabelecermos uma rotina peridica tanto para checagem dos
links internos de sua pgina quanto para os externos. Essa rotina pode ser
manual ou automatizada dependendo do tamanho de seu site. Existem
softwares especficos para essa tarefa.

28

AG8 Informtica

4. ORGANIZAO DE ARQUIVOS E DIRETRIOS

Os diretrios devem ser estruturados de acordo com a prpria estruturao
da informao. Se as informaes esto estruturadas por mdulos e
submdulos estas geraro diretrios e subdiretrios. Em um ambiente Unix
o arquivo principal de cada mdulo deve ser sempre chamado de
"index.html", inclusive o arquivo correspondente a primeira pgina do site
(home). Isto, porque, quando chamarmos o endereo da pgina no
precisaremos escrever o nome do arquivo. O sistema assume o arquivo
"index.html" como "default" para a pgina principal. Os arquivos e diretrios
devem ter nomes que identifiquem seu contedo e as imagens devem ser
colocadas em um diretrio especfico. A cada nova atualizao uma cpia
backup da verso anterior de cada arquivo atualizado deve ser feita.

EXERCCIO
1. O que um WebDesign?
2. Quais as principais preocupaes no projeto de um WebSite?
3. Quais seriam os profissionais indicados para se compor uma equipe para
projetar e construir um site?
4. Quais as fases na construo de um site? D as caractersticas e faa
observaes suas para cada uma.
5. Qual o melhor formato de arquivo para se trabalhar com imagens?
6. Quem responsvel pela administrao e atualizao de um site?
7. Quais as formas de divulgao de um site?

ANOTAES

29