Reformulao da pgina web do

Centro Cincia Viva do Algarve

Projeto de Engenharia Electrnica

Reformulao da pgina web do Centro de Cincia Viva do Algarve

- O centro de cincia viva uma instituio com o objetivo divulgao cientifica e a educao para o conhecimento cientifico.
- Eu escolhi este trabalho porque gosto muito da misso do centro de de ciencia viva, e queria dar a minha contribuio.
- Melhor o meu conhecimento nesta rea e tambm experiementar coisas novas.

Criar uma pgina com um aspecto moderno.

Um dos objectivos a pedido do supervisor da empresa que era o professor Jos Longras.
Criar uma pgina com um aspecto visual moderno.

Antes
Isto a pgina atual do Centro, uma pgina que d muita informao ao visitantes, mas essa informao no est organizada.
Para os visitantes regulares no necessrio ver a descrio do centro cada vez que entram na pgina

Agora
Uma pgina desenhada de raiz.
Uma pagina minimalista, e possvel ver logo a informao que mais interessa aos utilizadores frequentes.
A pgina tambm foi desenhada para funcionar com aparelhos moveis.

Antes
Aspecto dos eventos na antiga pgina.

Agora
Os eventos na nova pgina. Foca mais nos eventos, e da mais destaque ao cartaz do evento.

Antes
A pgina das exposies.

Agora
Nova pgina para as exposies.

Criar uma pgina simples.

Criar uma pgina simples.

Simplificando o menu. O menu est foi simplificado para conter s os elementos necessrios.

Os destaques, um elemento que mostra a informao mais importante para o utilizador, para mostrar eventos, exposies e outras atividades.

Tags, um grande problema na antiga pgina era a identificao do publico alvo para os eventos e actividades. Por isso baseado no sistema de hashtags
utilizado nas redes socias, criei um sistema de identificao para os eventos.

Criar uma pgina dinmica.

Criar uma pgina dinmica, uma pgina dinmica uma pgina em que o seu contedo dependendo de variveis.

prximos eventos e um elemento na pgina inicial, os quatro eventos eventos expostos so os prximos quatro eventos que iro decorrer no centro, esse
eventos vo alterar dependendo da data do momento.

Localizao outro elemento dinmico na pgina, ao criar um evento o reponsvel centro introduz uma morada ou um local, o programa
automaticamente, cria uma hiperligao para a posio no google maps

Criar uma pgina o mais abrangente possvel.

criar uma pgina o mais abrangente possvel, a pgina foi desenha para ser simples de utilizar tanto para crianas como para adultos.

Est pgina tambem est em duas linguas, portugus e ingls. para facilitar o utilizador a deteo da lingua automtica, atravs deteo da lingua do
browser do utilizador.

Backoffice

o backoffice da nova pgina do centro, e um sistema de gesto da pgina principal.

e um sistema que permite aos responsveis do centro de ciencia viva a alterao do conteudo da pgina

permite a visualizao os conteudo que est na base de dados e no servidor.

e contem ferramentas de personalizao do contedo avanados.

adicionar um doodle

adicionar eventos

redimensionar imagens
editar eventos

apagar imagens

suporta duas
lnguas

Backoffice

editar pginas

editar imagens
dos Destaques

adicionar utilizadores
remover eventos

importar imagens
editar utilizadores

o backoffice permite aos utilizadores efetuar vrias funes com por exemplo, editar pginas, importar e redimensionar imagens, adicionar mais
utilizadores, entre outros.

para fazer est pgina utilizei estas linguagens de programao. HTML, CSS, JS e PHP.

5336

44

+91 horas

linhas de cdigo

ficheiros

de trabalho

Alguns dados interessantes sobre o projeto.

Explicar o conceito da pgina.

- A grande parte do projeto foi desenhar uma base, baseada na framework bootstrap, para onde podemos desenvolver vrios elementos.
-O desenvolvimento de uma pgina web no deveria ser esttica, tal como a internet esta sempre a evoluir e a mudar, uma pgina web tambm devia
acompanhar esse desenvolvimento.
Explicar o objetivo pessoal do projeto.