Universidade de Aveiro

Sistema de Informação para a WEB (SIW)

Empresa de Condomínios Aveiro

DEGEIT - Departamento de Economia, Gestão, Engenharia Industrial e Turismo

EGI - Engenharia e Gestão Industrial
TAGI - Tecnologias Aplicadas à Gestão de Informação 2022/2023

Elementos do grupo:
Lucas Araújo 101446 – P3
Tamires Cruz 95501 – P3
Tiago Matos 99011 – P7

Docentes:
Diogo Correia

Liliana Ávila

Sérgio Santos

Aveiro, 29 de Março de 2023

Relatório do Desenvolvimento de SIW de uma Empresa de
Condomínio
O presente relatório tem como objetivo apresentar o processo de desenvolvimento
do website da empresa Condomínios de Aveiro, destacando os principais aspetos e
funcionalidades implementadas.

Neste relatório, serão abordados os seguintes tópicos:

1. Contexto do projeto;
2. Planeamento e Apresentação do SIW;
3. Construção do Website;
4. Apreciação Crítica e Considerações Finais;

1. Contexto do problema.

Este relatório visa fornecer uma visão completa do processo de

desenvolvimento do Website da empresa Condomínios de Aveiro. Este foi
um trabalho realizado no âmbito da Unidade Curricular - Tecnologias de
Aplicadas à Gestão de Informação.
Este SIW foi criado com o intuito de fornecer uma plataforma online
interativa para os condôminos, oferecendo facilidades e recursos para a
gestão e comunicação eficiente entre os moradores e a administração do
condomínio.
Para o efeito, recorremos à matéria lecionada nas diversas aulas práticas desta
unidade curricular. Ou seja, demos uso a ferramentas de construção de SIW
baseadas nas linguagens: HTML, CSS e JavaScript.

2. Planeamento e Apresentação do SIW.

A criação deste Website assentou nos seguintes pilares. A fácil e eficaz

navegabilidade e a estética.
Sendo assim, foi importante criar um website funcional, ergonómico e também
apelativo.
Abaixo mostramos o layout da Home Page que elaboramos num estágio inicial do
projeto.
No planeamento decidimos que:
Esta página seria o cartão visita à empresa;
Teria de conferir algum dinamismo ao site;
Conter toda a informação necessária para o contacto e ser um portal para o resto
do Website.
 Cabeçalho

Barra Navegação

Banner
Inicial

Imagens
Dinâmicas

Banner Final

Fig.01 Esquema da página inicial do sistema desenvolvido

Cabeçalho- Contém a localização e o logótipo com o nome da empresa.

Barra de Navegação- botões de acesso às restantes páginas;
Banner Inicial-imagem sugestiva e pequeno texto introdutório;
Imagens Dinâmicas-três imagens que, ao passar o rato dão lugar a um texto
sugestivo sobre os temas referidos;
Banner Final- Contém todos contactos e links paras as respetivas redes sociais.

Para além da página inicial, o Website desta empresa de Condomínio conta com
mais três páginas, duas delas referentes aos serviços prestados, como limpeza e
manutenção. E uma terceira com criação de conta para os utilizadores.

Em cada página referente aos serviços foi de extrema importância adicionar um

formulário. Formulário esse cujo objetivo passa por permitir aos utilizadores do
website pedir um orçamento tendo por base os serviços que pretenderiam da
empresa. O orçamento seria enviado a posteriori por email.

Tendo por base este esboço de layout, prosseguimos para a construção do SIW com
ajuda de todas as ferramentas supracitadas. O resultado final pode ser visto abaixo.
(Inserir imagem do index e das outras páginas)
3. Construção do Website

Para a elaboração deste projeto, apoiamo-nos nos diversos materiais das aulas
práticas ao nosso dispor.
Após a criação da página principal e das outras páginas citadas na secção anterior,
decidimos editar a estética destas páginas.
Para esse efeito, a linguagem CSS facilitou-nos substancialmente o processo. Deste
modo, tivemos também de criar algumas classes nos ficheiros HTML, que nos
permitiam uma edição em CSS mais aprofundada e com melhor organização.

Fig.

Com o núcleo do projeto realizado e devidamente editado, prosseguimos para a

criação das funcionalidades fulcrais do site.

A. Formulário.
Este formulário, presente nas páginas de Limpeza e Manutenção, visava o
preenchimento dos seguintes campos por parte do utilizador:
Nome; Email; Distrito; Telefone; Endereço; Lista de opções; Comentários
adicionais;

Ora, certos campos de preenchimento necessitam de alguns tipos de verificação,

como por exemplo, introdução de caracteres que não são permitidos num
endereço email.
Para salvaguardar estes casos, a linguagem JavaScript tornou-se uma aliada
poderosa para atingir os resultados esperados, como evidenciado abaixo.
(colcoar imagrm do formulário)
 Fig.

B. Criação de Conta
O processo de criação de conta baseou-se também na linguagem JavaScript, pelo
que certas validações de forma também tiverem de ser salvaguardadas. Para isto
criamos diversas funções em que a expressão : isFormValid funcionava como
variável de controlo para todos os inputs do utilizador:
(colocar imagem da criação de conta)

Fig.

4. Apreciação Crítica e Conclusão

Através da análise do layout apresentado na fase do planeamento e comparando-o

com o resultado final, é seguro afirmar que cumprimos os objetivos a que nos propusemos.
 Deste modo, criamos um site para estabelecer contacto direto e rápido com os
nossos clientes, de maneira que tivessem acesso aos nossos serviços de forma mais clara,
objetiva e fácil de navegação.
Um dos nossos maiores objetivos na criação do site, é expandir o máximo a
qualidade do nosso trabalho, em busca de melhoria a cada novo desafio proposto pelos
nossos clientes.
Sendo um site fácil de compreensão e intuitivo, o cliente, ao visualizar as páginas da
Empresa Condomínios Aveiro, desejaria navegar por mais tempo o nosso site ao ponto de
recomendar os nossos serviços aos seus familiares, amigos, colegas, entre outros.
Durante a elaboração do projeto, surgiram várias dificuldades mas nada fora do
nosso alcance. Procuramos obter o máximo de soluções eficientes para a melhor
qualificação do nosso trabalho e satisfação do nosso cliente.
Uma das nossas maiores dificuldades fui fazer um site que tivesse um aspeto visual
mais atraente a nível estético. Ao longo do percurso, tivemos que fazer várias alterações no
código para dar mais vida e tentar modernizar conforme o que idealizamos. Optamos por
implementar imagens relacionadas as nossas atividades como: limpeza e manutenção.
Também, utilizamos as ferramentas da criação do formulário com objetivo de obter
respostas mais detalhadas, do cliente, sobre o tipo de serviço que pretende usufruir.
O cliente também poderá criar uma conta no nosso site assim, todos os dados
ficarão guardado na conta cliente seja, notificações sobre novidades da empresa ou mesmo,
um histórico da pesquisa do cliente.
Tivemos também, algumas dificuldades em obter e adaptar alguns códigos das
fontes que visitamos em outros sites de Empresa de Condomínio que gostamos e tentamos
implementar a nível de estética no nosso site mas, por serem códigos mais complexos não
conseguimos enquadrar da melhor forma com o nosso código.
Escolhemos a cor preta, branca e azul como as mais destacadas no nosso trabalho,
onde o fundo neste caso, o papel de parede é todo preto e no início tivemos uma certa
dificuldade no CSS em colocar os textos do HMTL em branco, depois de tantas tentativas
conseguimos.
Colocamos a opção, selecionar, no orçamento dos nossos serviços de limpeza e/ou
manutenção para o cliente ter várias opções de escolha dos nossos serviços, ou seja, pode
escolher uma ou mais de uma opção.
A falta de experiência e conhecimento para o desenvolvimento do código JavaScript
que tínhamos idealizado para o nosso trabalho, fui o que mais atrasou a realização do
projeto, pretendíamos fazer um exemplo a simular o pedido de orçamento no nosso site,
como fossemos um clientes que iria receber um e-mail com o valor da cotação completa do
tipo de serviço e o mesmo código seria implementado no serviço de limpeza e manutenção.
Não conseguimos executar este código no JavaScript então, decidimos fazer o login
utilizando os códigos do JavaScript.
Talvez a falta de conhecimento e experiência dificultou o desenvolvimento de um
site a nível profissional, ao mesmo tempo, apreendemos muito sobre a criação,
desenvolvimento e busca de soluções para o nosso site.
Acreditamos que a nossa Empresa Condomínios Aveiro apresenta uma gama vasta
da oferta para os nossos clientes, sendo o nosso ponto forte.
Podia-se melhorar mais, o site com mais tempo ou experiência e conhecimento
profundo na utilização das ferramentas HMTL, CSS e JavaScript. Vários fatores podiam
estar a nível estético como: seleção das melhores cores e imagens; um vídeo resumo sobre a
empresa.

5. Referência Bibliografica

TAGI (2023) Slides da aula.

Condomínio DECO+ (2023) «www.condominiodeco.pt» pesquisar realizada no dia

15 de Abril a 4 de Maio.