Sunteți pe pagina 1din 10

Instituto Politécnico do Porto

Escola Superior de Estudos Industriais e de Gestão


Licenciatura em Ciências e Tecnologias da Documentação e Informação – 3º Ano

Relatório do Projecto Final


Fundo Local Vila do Conde

Marta Sofia Dos Santos Cadilhe

Disciplina: Projecto e Implementação de Sistemas de Comunicação e Informação


Docente: Eng.º Lino Oliveira

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

O endereço do sítio Web externo é http://martacadilhe.web.simplesnet.pt e o endereço


interno é http://posto1b102b/pisci/0607/9040225.

2.3. Web Design


Segundo Bruno Figueiredo (2004, p.31), o design determina a forma. E a forma deve
seguir a função. A adequação dos objectos à sua função de uma forma esteticamente
agradável é a base do design.
O Design do sítio Web é condicionado por três vertentes: funcionalidade, conteúdo e
estética.

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

Na barra de navegação vertical está apresentada as principais áreas. O menu usado é


estático.

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.

2.4. Design Criativo


O Design criativo define-se pela demonstração dos aspectos diferenciadores do
projecto. Na página galeria, as imagens são da minha autoria.

2.5. Design funcional


O Design Funcional trata-se da elaboração de um plano que permite especificar todas
as funcionalidades do site no que diz respeito a: dados, procedimentos e clientes.
No sítio, o design funcional está presente na página pesquisa, dando a possibilidade do
utilizador seleccionar dos assuntos possíveis e verificar quais os documentos existentes no
Fundo local de Vila do Conde com esse assunto (Fig.2). Estes resultados encontram-se numa
base de dados em Access.

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.1. Apresentação da informação


No sítio Web criado, todas as imagens estão legendadas, o tamanho do texto pode ser
redimensionado para o tamanho desejado e o texto da página ajusta-se ao tamanho da janela.

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.

2.7.3. Verificação da acessibilidade


Verificamos que não há falta de acessibilidade no site através do menu Ferramentas

do FrontPage. Encontram-se no sitio os símbolos de respeito pela


acessibilidade.

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.

2.8.3. Diagrama E-R


Relação
Livros N N Assuntos

Registo cod_assunto cod_assunto


titulo registo assunto
cota

O relacionamento é do tipo N-N (vários para vários) (Fig.3) visto que:


• Cada livro pode ter vários assuntos;
• Cada assunto pode ter vários livros.

8
Fig.3

2.8.4. Ligação ao FrontPage


Foram seguidas as seguintes passos para a ligação da Base de Dados ao FrontPage:
• Cópia do ficheiro da Base de Dados para a pasta Private;
• Menu Ferramentas > Definições do site, botão Adicionar para ser criado um
separador Base de Dados, botão Adicionar para criar ligação à Base de Dados,
botão verificar e ok;
• Na página já criada (Resultados), Menu Inserir > Base de Dados > Resultados,
insere-se os dados relativos à base de dados.
• Quando surge o painel Assistente de resultados de base de dados, pede-se a
conexão à base de dados.

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.

MARQUES, Francisco ; MENDES, Ana – FrontPage XP : Curso completo. Lisboa : FCA,


2002. ISBN 972-722-279-X. p. 23-38.
OLIVEIRA, Lino – Apontamentos das aulas de Planeamento e Implementação de sistemas de
Comunicação e Informação, 2006/2007. Disponível na Internet em
http://www.linooliveira.com/eseig/pisci/aulas.

10

S-ar putea să vă placă și