AG8 Informtica

22

2 PARTE

CAPTULO 4Este captulo tm como objetivo:1. Tratar das etapas do projeto de um Website2. Quais os profissionais envolvidos3. Administrao do site4. Dicas para no cometer erros graves na hora de projetar e

construir um Website

AG8 Informtica

23

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 PROJETOA 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 dedisponibilizao da informao at o desenvolvimento do projeto grfico.

A construo de um Website deve, antes de mais nada, ser entendidacomo um projeto, composto de fases e desenvolvido por pessoas debackgrounds diferentes.

3.CONTEDO E FORMAO que faz uma pessoa entrar em um site?O faz a pessoa querer retornar?

Estas perguntas devem sempre estar na cabea das pessoas de umaequipe de construo de sites.

A primeira muito relaciona-se ao pblico alvo. Para qual tipo de pblicovoc est disponibilizando informao? Quais so as prioridades e interessesdeste pblico? Que tipo de conexo mais usada por ele?

As respostas para a segunda pergunta certamente envolvem trspontos: 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 intuitivapossvel faz com que sua apresentao Web tenha muito mais chance desucesso, considerando o tipo de informao disponibilizada conforme seu

AG8 Informtica

24

pblico alvo. Outro ponto a atualizao para que no perca uma dasprincipais caractersticas da Internet: a dinamicidade.

4.EQUIPE PARA CONSTRUO DE UM WEBSITEA 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 deInformao), responsvel pela organizao da informao;b) Design Grfico, responsvel pelo projeto grfico;c) Programadores, que, dependendo do tipo de site, podem serprogramadores HTML, Java, JavaScript, CGI, etc;

d) Assistentes, que auxiliam o trabalho do Analista de sistemas ou doDesign 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 decada profissional.

Depois do site construdo surgir uma outra pessoa: o WebMaster, queser 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.

AG8 Informtica

25

FASES NA CONSTRUO DE UM WEBSITE

1 Fase : Organizao da InformaoA primeira etapa a organizao da informao que ir compor seu site.

O Analista de sistemas dever colher toda informao e analisa-la, preparando-a 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 dessanova mdia. Aqui esto alguns dos critrios que devero ser observados para oprojeto do site:

1. Material que tire vantagem da estrutura no linear de navegao dohiperdocumento.Ex.: manuais, guias, grandes bases de dados textuais, etc...;

2. Material que mais valoroso se atualizado freqentemente e maisfacilmente, 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 depesquisa, fichas de inscrio, etc ...

2 Fase : Conceituao do site e definio da estruturade navegaoNormalmente nesta etapa envolve uma ou mais reunies de criao.

Todos os membros da equipe devem participar das reunies de criao, cujoobjetivo obter o maior nmero de idias possveis para a criao da estruturade navegao e do projeto grfico. O Coordenador da equipe, o Design Grficoe o Analista de Sistemas, com suas respectivas vises de projeto, coordenamessas reunies, para que as sugestes de reas diferentes possam se integrar.Uma vez discutidas e analisadas todas as sugestes de reas diferentespossam se integrar. Uma vez discutidas e analisadas todas as sugestes,pode-se ento, criar a estrutura de navegao. Nesta etapa, desenharfluxogramas de navegao, mostrando como as pginas esto linkadas(conectadas) entre si, ajudar a Ter uma viso geral do site. No futuro, issofacilitar tambm o processo de modificar, acrescentar ou retirar pginas.

AG8 Informtica

26

3 Fase: Montagem do SiteUma vez definida a estrutura de navegao, os membros da equipe

podero ento trabalhar cada um em sua rea: o Design Grfico e seusAssistentes desenvolvero o projeto grfico, enquanto o Analista de Sistemas eprogramadores montaro a estrutura de navegao (seja em HTML, Java,JavaScript ou no que tiver sido escolhido como mais adequado para aconstruo do site).

4 Fase: TestesAntes 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 podemudar, 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 melhorse adaptem a plataforma mais usada. Por exemplo: monitor 14 polegadascom resoluo de 640x480, faa com a melhor diagramao das pginasacontea quando o site visto nesse tipo de monitor e resoluo. Caso oseu site deva ser diagramado para uma resoluo ou tamanho de monitordiferentes do mais usado, informe no site.

2. Num projeto grfico deve sempre se perguntar se sua apresentao ficouadequada 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 melhorresultado para isso ser trabalhar suas imagens em RGB e depois index-las com o menor nmero de cores possvel. Caso precise utilizar imagensTrue 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 ouestrutural.

AG8 Informtica

27

6. O contedo e forma como ele apresentado sero os principais atrativos desuas pginas, a no ser que o ponto chave sejam as imagens. Por isso, nopense que a net igual a outras mdias.

7. Direitos autorais: A proteo de direitos autorais no costuma ser muitoevidente na Web. O desejo original de uma pgina no protegido. Masqualquer texto, grfico, vdeo ou udio originais deve ser protegido. Um linkou URL no protegido mas uma lista de links(como no caso dasbibliotecas virtuais) deve ser protegido pelos direitos autorais.

8. A netiqueta e Domnio pblico: A Web foi criada com base em ser capaz deatar links de hipertexto de qualquer outra localizao da rede.Consequentemente, quando voc disponibiliza um site, implica em vocpermitir a outros "linkar" sua pgina de Web, porm a netiqueta recomendaque se pea permisso aos Webmasters sempre que possvel.

AG8 Informtica

28

ADMINISTRAO DE UM SITETodo WebSite deve ter um Webmaster, ele a autoridade mxima no

site e coordena tanto seu desenvolvimento quanto sua manuteno alm deresponder a toda correspondncia enviada ao site. Seu endereo eletrnicodeve ser divulgado na primeira pgina e em todas as outras que exijam umprocesso interativo.

1. DIVULGAOCom o potencial de audincia de milhes encontrados na Internet necessrio utilizarmos todos os recursos disponveis nesta paraconseguirmos atingir uma audincia chave. As principais formas dedivulgao on-line so:

a) E-mail: o envio de propaganda no solicitada pela Internet umaprtica no recomendada.b) Search engines: as informaes de seu site devem serorganizadas da melhor forma possvel para a captura pelos inmerosrecursos de busca existentes na rede.

c) Banners: trata-se de uma tarja com informaes promocionaissobre seu site que deve aparecer estrategicamente localizada naspginas de sites que vendem espao publicitrio. So na verdadeimagens clicveis para o site em promoo.

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

3. CHECAGEM DE LINKS importante estabelecermos uma rotina peridica tanto para checagem doslinks internos de sua pgina quanto para os externos. Essa rotina pode sermanual ou automatizada dependendo do tamanho de seu site. Existemsoftwares especficos para essa tarefa.

AG8 Informtica

29

4. ORGANIZAO DE ARQUIVOS E DIRETRIOSOs diretrios devem ser estruturados de acordo com a prpria estruturaoda informao. Se as informaes esto estruturadas por mdulos esubmdulos estas geraro diretrios e subdiretrios. Em um ambiente Unixo 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 noprecisaremos escrever o nome do arquivo. O sistema assume o arquivo"index.html" como "default" para a pgina principal. Os arquivos e diretriosdevem ter nomes que identifiquem seu contedo e as imagens devem sercolocadas em um diretrio especfico. A cada nova atualizao uma cpiabackup da verso anterior de cada arquivo atualizado deve ser feita.

EXERCCIO1. 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