Documente Academic
Documente Profesional
Documente Cultură
Vila do Conde
2007
Sumário
1. Introdução ............................................................................................................. 3
2. Desenvolvimento do Projecto ............................................................................... 4
2.1. Tema ................................................................................................................. 4
2.2. Endereços .......................................................................................................... 4
2.3. Web Design ....................................................................................................... 4
2.3.1. Funcionalidade ........................................................................................... 4
2.3.2. Conteúdo .................................................................................................... 5
2.3.3. Estética ....................................................................................................... 5
2.4. Design Criativo ................................................................................................. 6
2.5. Design funcional ............................................................................................... 6
2.6. Design gráfico ................................................................................................... 7
2.7. Acessibilidade ................................................................................................... 7
2.7.1. Apresentação da informação ...................................................................... 7
2.7.2. Navegação .................................................................................................. 7
2.7.3. Verificação da acessibilidade ..................................................................... 7
2.8. Bases de dados .................................................................................................. 8
2.8.1. Tabelas ....................................................................................................... 8
2.8.2. Normalização ............................................................................................. 8
2.8.3. Diagrama E-R ............................................................................................ 8
2.8.4. Ligação ao FrontPage................................................................................. 9
3. Conclusão ........................................................................................................... 10
4. Bibliografia ......................................................................................................... 10
2
1. Introdução
Este Projecto Final foi realizado no âmbito da disciplina de Projecto e Implementação
de Sistemas de Comunicação e Informação (PISCI), e consiste no desenvolvimento de um
sítio Web em Microsoft FrontPage com a aplicação prática de técnicas, métodos e ferramentas
obtidos ao longo do ano lectivo.
Pretendemos fundamentar a avaliação do sítio em relação à funcionalidade, conteúdo e
estética. Apresentaremos também a especificidade e análise do Web Design, no que diz
respeito ao design funcional, design gráfico e design criativo. Indispensavelmente, a
Acessibilidade é um factor a ter sempre em conta e como tal será feita uma breve avaliação da
do sítio relativamente a esse mesmo tema.
Também iremos tratar da ligação da base de dados ao FrontPage, bem como da
normalização, diagrama E-R e tabelas necessárias.
3
2. Desenvolvimento do Projecto
2.1. Tema
Foi-nos sugerido a escolha de um tema relacionado com a Ciência da Informação,
sendo que a minha escolha recaiu sobre o Fundo Local de Vila de Conde.
2.2. Endereços
2.3.1. Funcionalidade
A funcionalidade são todos os mecanismos que o sítio quer adquirir para que o
visitante conheça a estrutura e saiba navegar confortavelmente. O Design do sítio vai se
moldar ao tipo de funcionalidade que se quer fornecer.
Depois de definir-se o tema e os objectivos deste sítio, reunimos a informação e
estruturamos as páginas de acordo com essa informação, já que este site é essencialmente de
carácter informativo.
A página principal Homepage apresenta os objectivos. A estrutura central do site está
assente num modelo hierárquico, em que podemos observar na página Mapa do site as áreas
mais gerais sucedidas por áreas mais específicas. Torna-se assim um sítio de fácil acesso à
informação e compreensão da sua estrutura, em que o visitante consegue responder em cada
página às perguntas (fig.1):
1) Onde estou?
2) Para onde posso ir?
4
O visitante localiza-se
na estrutura do site.
Barra de
navegação vertical
Fig.1
2.3.2. Conteúdo
É difícil distribuir o conteúdo pelo site de modo a não se tornar pesado. Logo, também
o tipo de conteúdo (texto, imagens, informação, som, etc.) a inserir vai determinar o Design
adequado para o sítio.
No site desenvolvido, temos conteúdo estático, em que as páginas são alteradas por
edição de páginas efectuado pelo programador e aparecem tal e qual como foram criadas.
Temos também conteúdo quando o utilizador efectua uma pesquisa na base de dados e os
resultados são disponibilizados consoante essa pesquisa, sem a intervenção do programador.
Pretendeu-se privilegiar o conteúdo mas sem esquecer a rapidez.
A imagem de marca que é seguida ao longo da hierarquia do site é o brasão de Vila de
Conde.
2.3.3. Estética
A estética é importante para assegurar as visitas. Pode não agradar a todos os gostos,
mas isso não é um factor negativo, pois pode-se restringir o site a um determinado
público/audiência.
No site pretende-se privilegiar tanto a rapidez como a estética. Pois há muita
incidência de cor e esta estimula no cérebro sensações e emoções. A utilização das cores não é
5
inocente. Neste sítio web é muito usado os tons de azul, esta cor pode trazer aos visitantes a
sensação de confiança, confiança e segurança.
É graças à utilização de Layout que este sítio apresenta uma identidade visual única e
coerente ao longo de todas as páginas.
Fig.2
6
2.6. Design gráfico
O objectivo do Design gráfico é criar hierarquias visuais, dando ênfase às partes mais
relevantes, para que os visitantes entendam a mensagem através da organização consistente da
informação. Trata-se do efeito que o site provoca nas pessoas, ao nível das orientações,
emoções, limitações, cor, logótipos, símbolos, imagens, grafismos, estilo e referências.
Ao longo da construção do site pretendeu-se atribuir consistência a todas as páginas,
atribuindo a mesma forma e alinhamento e disponibilizando ao visitante uma fácil e agradável
utilização.
2.7. Acessibilidade
O W3C1 (World Wide Web Consortium) e o CERTIC2 (Centro de Engenharia de
Reabilitação em Tecnologias de Informação e Comunicação) definiram princípios base para
que todos os utilizadores com necessidades especiais acedam à informação e tirem partido dos
recursos disponíveis na Internet.
Para que sítio Web esteja bem estruturado quanto à questão da acessibilidade, é
necessário ter em conta, a apresentação da informação, a navegação e efectuar a verificação
da acessibilidade.
2.7.2. Navegação
Está garantida a activação dos elementos das páginas através do teclado, basta premir
TAB e SHIFT + TAB para navegar utilizando o teclado.
1
http://www.w3c.org
2
http://www.acessibilidade.net/web
7
2.8. Bases de dados
As bases de dados são conjuntos de dados armazenados, que processados dão origem a
informação.
A página Pesquisa do sitio Web está ligada a uma base de dados que foi criada com o
objectivo de disponibilizar os documentos existentes no Fundo Local de Vila de Conde de
acordo com o assunto.
Para a criação da base de dados, foi necessário identificar as entidades e os atributos,
efectuar a normalização e desenhar o diagrama E-R.
2.8.1. Tabelas
Foram necessárias 3 tabelas:
LIVROS (registo, título, autor, cota)
ASSUNTOS (cod_assunto, assunto)
RELAÇÂO (cod_assunto, registo)
2.8.2. Normalização
Foram criadas tabelas respeitando a 3ª Forma Normal para evitar redundâncias.
8
Fig.3
9
3. Conclusão
Ao longo deste projecto, foi me permitido adquirir variados conhecimentos ao nível da
ferramenta FrontPage.
Este trabalho proporcionou-nos conhecimento e prática no manuseamento de base de
dados, o que como futuros profissionais da informação, reconhecemos como sendo um
sistema de informação indispensável para a gestão, memória e difusão da informação como
também para a sua correcção e actualização.
Tivemos percepção do quanto é importante ter cuidado com todas as questões
relacionadas com a acessibilidade, funcionalidade, estética, conteúdo, etc.
4. Bibliografia
FIGUEIREDO, Bruno – Web Design : Estrutura, concepção e produção de sites Web. 2ªed.
Lisboa : FCA, 2004. ISBN 972-722-433-4. p. 21-70.
10