Embed Size (px)
Citation preview
Aplicação para gestão de utentes em lares
Carlos Fontes Alves Varela Rodrigues nº 21281
Trabalho realizado sob a orientação de
Professor João Paulo Pereira
Engenharia Informática
2013/2014
iii
Aplicação para gestão de utentes em lares
Relatório da UC de Projeto
Licenciatura em Engenharia Informática
Escola Superior de Tecnologia e de Gestão
Carlos Rodrigues
2013/2014
iv
v
A Escola Superior de Tecnologia e Gestão não se responsabiliza pelas opiniões expressas
neste relatório.
vii
Certifico que li este relatório e que na minha opinião, é adequado no seu
conteúdo e forma como demonstrador do trabalho desenvolvido no
âmbito da UC de Projeto.
___________________________________________
João Paulo Ribeiro Pereira - Orientador
Certifico que li este relatório e que na minha opinião, é adequado no seu
conteúdo e forma como demonstrador do trabalho desenvolvido no
âmbito da UC de Projeto.
___________________________________________
Arguente
Aceite para avaliação da UC de Projeto
viii
ix
Dedicatória
Este projeto é dedicado aos meus pais que com grande esforço possibilitaram a realização
desta etapa importante da minha vida, aos meus avós e à minha irmã. À minha namorada,
por sempre me apoiar e pela paciência que teve comigo em especial nos últimos meses. Aos
meus amigos, que sempre me apoiaram ao longo de todo o percurso académico.
x
xi
Agradecimentos
Queria agradecer especialmente ao meu orientador, Professor João Paulo Ribeiro Pereira, pelo
tempo dispensado e pela total disponibilidade na ajuda da realização deste trabalho.
Agradeço também a todos os professores que tive nas diferentes cadeiras ao longo do curso,
pelos conhecimentos transmitidos, que me ajudaram na realização deste projeto.
xii
xiii
Resumo
O presente projeto teve como objetivo o desenvolvimento de uma aplicação de gestão de
utentes em lares de terceira idade.
O sistema de informação foi implementado na forma de Portal Web, tendo sido, realizado um
levantamento de requisitos ao nível do funcionamento de um lar de terceira idade, efetuando
posteriormente uma análise mais detalhada recorrendo a diagramas de casos de uso,
diagramas de sequência e diagrama de entidade/relação.
Foram utilizadas linguagens de marcação HTML e CSS, linguagem de programação PHP ao
nível do servidor, JavaScript ao nível do cliente para validação de campos e galeria de
imagens. No que diz respeito à base de dados foi usado o sistema de gestão de base de dados
MySQL.
O portal disponibiliza ao comum visitante o acesso a informações sobre o lar, notícias,
sugestões, contactos e galeria de imagens.
Ao nível de gestão o portal possui várias áreas reservadas onde o administrador, funcionários
e médicos, após efetuarem autenticação no sistema, têm acesso a diferentes funcionalidades
relativas às funções que exercem no lar. Uma destas áreas reservadas é direcionada para os
familiares dos utentes onde estes podem visualizar informações de interesse e alterar os seus
dados de contacto.
Palavras-chave: Web, lar, gestão, utentes, HTML, CSS, PHP, MySQL
xiv
xv
Abstract
The purpose of this project was to develop a aplication to manage the users in a elderly home.
The information system was implemented in the form of a Website.
There was a survey of the requirements of how a elderly home works, followed by a more
detailed analysis using use case diagrams, sequence diagrams and finally a entity/relationship
diagram.
The languages used were HTML and CSS as marckup, PHP programming language at the
server level and Javascript client-side for form validation and image gallery. As for the
database it was used the database management system MySQL.
The Website provides the average visitor access to information about the elderly home, news,
send suggestions, contacts and image gallery.
As in management, the Website provides diferent reserved areas where the administrator,
employees and doctors, after login in, have access to diferent funcionalities based on their
working needs. One of this areas is directed for the elderly home users family, there they can
view information and change personal contact data.
Keywords: Web, home, management, users, HTML, CSS, PHP, MySQL
xvi
xvii
Conteúdo
1 Introdução ..................................................................................................................... 1
1.1 Enquadramento ......................................................................................................... 1
1.2 Objetivo.................................................................................................................... 2
1.3 Estrutura do Documento ........................................................................................... 2
2 Desenvolvimento do Portal Web ................................................................................... 3
2.1 Modelo de Desenvolvimento Utilizado ..................................................................... 3 2.1.1 Identificação de Requisitos ................................................................................. 5
2.1.2 Análise Detalhada .............................................................................................. 6 2.1.2.1 Diagramas de Casos de Uso .................................................................................................... 6
2.1.2.1.1 Casos de Uso do Visitante ................................................................................................ 8 2.1.2.1.2 Casos de Uso do Administrador ........................................................................................ 9 2.1.2.1.3 Casos de Uso do Funcionário.......................................................................................... 10 2.1.2.1.4 Casos de Uso do Médico ................................................................................................ 11 2.1.2.1.5 Casos de Uso do Familiar ............................................................................................... 12
2.1.2.2 Diagramas de Sequência ....................................................................................................... 13 2.1.2.3 Diagrama de Entidade/Relação (ER) ..................................................................................... 15
2.1.3 Desenho ............................................................................................................17
2.1.4 Implementação ..................................................................................................18 2.1.4.1 Funcionalidades ................................................................................................................... 18
2.1.4.1.1 Página Principal e Autenticação ...................................................................................... 19 2.1.4.1.2 Notícias.......................................................................................................................... 19 2.1.4.1.3 Sugestões ....................................................................................................................... 20 2.1.4.1.4 Área de Administração ................................................................................................... 20 2.1.4.1.5 Área de Funcionário ....................................................................................................... 20 2.1.4.1.6 Área de Médico .............................................................................................................. 21 2.1.4.1.7 Área de Familiar............................................................................................................. 22
2.1.4.2 Linguagens Utilizadas .......................................................................................................... 22 2.1.4.2.1 UML .............................................................................................................................. 22 2.1.4.2.2 HTML ........................................................................................................................... 23 2.1.4.2.3 CSS ............................................................................................................................... 23 2.1.4.2.4 PHP ............................................................................................................................... 23 2.1.4.2.5 JavaScript ...................................................................................................................... 24 2.1.4.2.6 JQuery ........................................................................................................................... 24 2.1.4.2.7 SQL ............................................................................................................................... 24
2.1.4.3 SGBD .................................................................................................................................. 25 2.1.4.3.1 MySQL .......................................................................................................................... 25
2.1.4.4 IDE’s ................................................................................................................................... 26 2.1.4.4.1 Netbeans ........................................................................................................................ 26 2.1.4.4.2 MySQL Workbench ....................................................................................................... 27 2.1.4.4.3 Enterprise Architect........................................................................................................ 27
2.1.5 Testes ................................................................................................................27
3 Conclusão .....................................................................................................................29
3.1 Trabalho Futuro .......................................................................................................29
18
A Manual de Utilização .................................................................................................... 1
A.1 Menu Principal Horizontal ........................................................................................ 1
A.1.1 Página Principal..................................................................................................... 1
A.1.2 Acesso à Área Familiares ...................................................................................... 3
A.1.3 Acesso às restantes áreas reservadas ...................................................................... 4
A.1.4 Notícias ................................................................................................................. 5
A.1.5 Sugestões .............................................................................................................. 6
A.1.6 Acerca do Lar ........................................................................................................ 7
A.1.6.1 Contactos ........................................................................................................... 7
A.1.6.2 Localização ........................................................................................................ 8
A.1.6.3 Galeria de Imagens ............................................................................................. 9
A.2 Área de Administrador.............................................................................................10
A.3 Área de Familiar ......................................................................................................15
A.4 Área de Funcionário ................................................................................................16
A.5 Área de Médico .......................................................................................................20
Lista de Figuras
Figura .1– Modelo em Cascata. ...................................................................................................................... 4
Figura .2– Casos de Uso do Visitante.............................................................................................................. 8
Figura .3– Casos de Uso do Administrador. ................................................................................................... 9
Figura .4– Casos de Uso do Funcionário. ..................................................................................................... 10
Figura .5– Casos de Uso do Médico. ............................................................................................................. 11
Figura .6– Casos de Uso do Familiar. ........................................................................................................... 12
Figura .7– Diagrama de Sequência - Adicionar Funcionário. ...................................................................... 13
Figura .8– Diagrama de Sequência - Listar Funcionários . .......................................................................... 14
Figura .9– Diagrama de Sequência - Adicionar Utente. ............................................................................... 14 Figura .10– Diagrama de Sequência - Registar Ficha de Medicação. .......................................................... 15
Figura .11– Diagrama Entidade/Relacionamento (ER)................................................................................ 16
Figura .12– Layout do portal Web. .............................................................................................................. 17
Figura .13– Anexo A - Página Principal. ........................................................................................................ 2
Figura .14– Anexo A - Botão Log Out. ........................................................................................................... 3
Figura .15– Anexo A - Botão de acesso à Área de Familiares. ....................................................................... 3
Figura .16– Anexo A - Formulário de acesso à Área de Familiares. .............................................................. 4
Figura .17– Anexo A - Menu de acesso às áreas reservadas. .......................................................................... 4
Figura .18– Anexo A - Botão de accesso à página de Notícias. ....................................................................... 5
Figura .19– Anexo A - Página de Notícias. ..................................................................................................... 5
Figura .20– Anexo A - Botão de acesso à página de Sugestões. ...................................................................... 6 Figura .21– Anexo A - Enviar uma sugestão ou comentário. ......................................................................... 6
Figura .22– Anexo A - Botão de acesso a Acerca do Lar. ............................................................................... 7
Figura .23– Anexo A - Página de Contactos. .................................................................................................. 7
Figura .24– Anexo A - Página de Localização. ............................................................................................... 8
Figura .25– Anexo A - Galeria de Imagens. .................................................................................................... 9
Figura .26– Anexo A - Formulário de Log In. .............................................................................................. 10
Figura .27– Anexo A - Menu da Área Admnistração - Gestão de Funcionários. ......................................... 11
Figura .28– Anexo A - Lista de funcionários. ............................................................................................... 11
Figura .29– Anexo A - Editar dados de funcionários. .................................................................................. 12
Figura .30– Anexo A - Registar funcionário. ................................................................................................ 12
Figura .31– Anexo A - Adicionar Notícia. .................................................................................................... 13
Figura .32– Anexo A - Listar notícias. .......................................................................................................... 13 Figura .33– Anexo A - Listar sugestões. ....................................................................................................... 14
Figura .34– Anexo A - Estatísticas. ............................................................................................................... 14
Figura .35– Anexo A - Área de familiar. ...................................................................................................... 15
Figura .36– Anexo A - Registo de familiar. .................................................................................................. 16
Figura .37– Anexo A - Registo de utente. ..................................................................................................... 16
Figura .38– Anexo A - Lista de Utentes. ....................................................................................................... 17
Figura .39– Anexo A - Lista de fichas de medicação. ................................................................................... 17
Figura .40– Anexo A - Ficha de medicação. ................................................................................................. 18
Figura .41– Anexo A - Fichas de higiene. ..................................................................................................... 19
Figura .42– Anexo A - Área reservada aos médicos. .................................................................................... 20
Figura .43– Anexo A - Área Médico - Lista de Utentes. ............................................................................... 20 Figura .44– Anexo A - Editar atributos do utente. ....................................................................................... 21
Figura .45– Anexo A - Registar ficha medicação.......................................................................................... 22
Figura .46– Anexo A - Registar ficha condição. ........................................................................................... 23
20
xxi
Lista de Abreviações
CSS – Cascade Style Sheet;
DSI – Desenvolvimento de Sistema de Informação
HTML – HyperText Markup Language, linguagem com marcas de hipertexto;
Javascript – Linguagem de programação interpretada;
MySQL – Sistema de gestão de base de dados;
PHP – Hypertext Preprocessor; pré-processador de hipertexto;
SQL – Structured Query Language, linguagem de consulta estruturada;
SI – Sistema de Informação;
SGBD – Sistema de Gestão de Base de Dados
UML –Unified Modeling Language; Linguagem unificada de modelação;
xxii
1
Capítulo 1
1 Introdução
1.1 Enquadramento
O trabalho apresentado neste relatório foi desenvolvido no âmbito da unidade curricular de
Projeto do 3º ano da Licenciatura em Engenharia Informática do Instituto Politécnico de
Bragança, tendo como orientador o professor João Paulo Pereira.
Com a evolução da tecnologia, o dia-a-dia do ser humano está em constante mudança, cada
vez mais as atividades que estava habituado a realizar com recurso a meios físicos estão a ser
simplificadas com recurso aos sistemas de informação que tem ao seu dispor.
Estas tarefas vão do simples enviar de um correio eletrónico em vez de recorrer ao correio
comum até à própria gestão da vida pessoal, que passa já pelos meios eletrónicos e pela
internet, assim como a gestão de negócios e atividades, e todas as vantagens que essa prática
proporciona.
Hoje em dia um organismo público ou privado recorre aos sistemas de informação para obter
melhores resultados tanto a nível funcional como financeiro. Ter um portal disponível na
internet com informação relevante acerca da sua atividade e até mesmo usar este meio como
forma de gerir algumas das suas atividades a nível interno e externo torna-se um fator crucial
nos tempos que correm.
No caso de um lar de terceira idade, a utilização de um SI parte da necessidade de otimizar os
seus serviços de administração, proporcionar aos seus funcionários maior facilidade nas
tarefas relativas as funções que desempenham, melhorar as condições em que os serviços são
prestados aos utentes, divulgação de informações úteis ao público em geral acerca da
atividade do lar e os seus métodos de apoio aos utentes.
2
1.2 Objetivo
O objetivo principal deste projeto foi o de criar um Portal Web com funcionalidades de gestão
de utentes em lares de terceira idade que permita aos funcionários, técnicos e profissionais de
saúde aceder mediante as funções que exercem a diferentes áreas reservadas, onde terão
acesso a edição e consulta de fichas relativas aos utentes, nos mais diferentes domínios, tais
como, saúde, higiene, condição física e atividades de lazer. Nestas informações importa
estarem presentes eventuais tomas de medicamentos, dietas e outras informações de interesse.
Pretende-se também o suporte de alertas sob diferentes meios relativamente a informação
presente nas fichas e mapear a informação descrita com as escalas de serviço dos funcionários
do lar.
1.3 Estrutura do Documento
Este relatório é composto por três capítulos e está estruturado da seguinte forma:
O 1º Capítulo apresenta o motivo da realização deste trabalho e expõe os objetivos
propostos.
No 2º Capítulo é apresentado o modelo que foi seguido na implementação do SI, os
passos realizados e as tecnologias usadas.
O 3º Capítulo apresenta a conclusão do trabalho desenvolvido e faz ainda referência ao
trabalho futuro
3
Capítulo 2
2 Desenvolvimento do Portal Web
2.1 Modelo de Desenvolvimento Utilizado
O modelo de desenvolvimento a seguir é um passo importante no caminho para um sistema
de informação sólido e com as características e funcionalidades que se necessita. Para isso
estes modelos apresentam diferentes maneiras de abordar o desenvolvimento de um Sistema
de Informação, apresentando diferentes metodologias e fases.
O modelo de desenvolvimento de Sistemas de Informação escolhido para o desenvolvimento
do presente projeto foi o Modelo em Cascata (Waterfall Model). (figura.1)
Este é um modelo tradicional de DSI em que as tarefas são executadas sequencialmente, ou
seja, apenas quando uma tarefa está concluída é que se inicia a próxima. [1]
Está estruturado nas seguintes etapas:
Identificação de Requisitos
Análise Detalhada
Desenho
Implementação
Testes
4
As principais vantagens do uso deste modelo de desenvolvimento de Sistemas de Informação
são:
Processo de desenvolvimento estruturado.
Fácil utilização.
Fácil interpretação e compreensão.
Visão clara da estrutura do projeto.
Como todos os modelos de desenvolvimento também existem algumas desvantagens:
Este modelo não suporta iterações no desenvolvimento.
Os requisitos têm que ser definidos inicialmente, tornando-se difícil de os alterar
durante o processo. [2]
Figura.1 – Modelo em Cascata.
5
Nos subcapítulos seguintes são abordadas com mais detalhe as fases seguidas no
desenvolvimento do portal Web.
2.1.1 Identificação de Requisitos
Depois de analisar alguns dos requisitos para o portal e tendo uma ideia de como funciona um
lar de idosos, atividades e tarefas desenvolvidas, e o funcionamento de um portal Web,
cheguei aos requisitos fundamentais para este portal e respetivas áreas de gestão.
Assim decidi elaborar uma página inicial onde os visitantes terão acesso na parte superior a
um menu de fácil navegação com ligação à página principal do portal, botões de acesso às
áreas reservadas caso sejam utilizadores autorizados para tal mediante o preenchimento de
formulário de log in, terão também acesso a uma página de notícias onde poderão visualizar
noticias sobre o lar e outros assuntos de interesse, página de sugestões onde poderão submeter
uma sugestão ou comentário acerca do portal ou do lar e ainda uma secção acerca do lar
dividida em diferentes páginas sendo elas, contactos, localização e galeria de imagens.
Quanto às áreas reservadas, que serão de acesso com recurso a autenticação, os familiares vão
ter acesso a uma página pessoal onde poderão visualizar informações sobre os utentes pelos
quais são responsáveis assim como alterar os seus dados de contacto. O administrador terá
acesso a opções de gestão de funcionários e pessoal médico, podendo aceder a listagem dos
mesmos por meio de tabelas, registar e remover registos. Poderá ainda adicionar notícias ao
portal, consultar as sugestões enviadas pelos utilizadores do portal e ainda uma página de
estatísticas onde vão aparecer por exemplo o número de utentes a residir no lar e número de
funcionários. Os funcionários vão ter a possibilidade de efetuar o registo dos utentes e
familiares através de formulários próprios, visualizar a lista de utentes onde poderão consultar
as fichas de medicação e condição criadas pelos médicos, criar fichas de higiene onde são
6
descritas intervenções como por exemplo tratamentos ou primeiros socorros, podem ainda
consultar os turnos de trabalho. Por ultimo, os médicos vão ter igualmente acesso a uma área
reservada onde podem aceder a lista dos utentes, adicionar novas fichas de medicação
descrevendo a toma de medicamentos, fichas de condição descrevendo doenças, alergias e
eventuais dietas a seguir pelos utentes. Esta informação é acedida posteriormente pelos
funcionários para procederem às intervenções que forem da sua área de competência.
2.1.2 Análise Detalhada
Nesta fase de desenvolvimento, optei por uma análise com recurso a diagramas de Caso de
Uso para descrever as interações dos diferentes intervenientes do Portal com o sistema,
diagramas de Sequencia para descrever com mais detalhe os casos de uso mais relevantes e
ainda diagrama de entidade/relação (ER) para definir as tabelas e campos necessários na
construção da base de dados.
2.1.2.1 Diagramas de Casos de Uso
Estes diagramas servem para identificar as fronteiras do sistema e descrever os serviços ou
casos de uso que devem ser disponibilizados a cada um dos diversos utilizadores do sistema
conhecidos como atores. São utilizados para definir os requisitos funcionais do sistema. [3]
Elementos que compõem estes diagramas:
Casos de Uso
Atores
Mensagens
Relacionamentos
7
De seguida são apresentados os Diagramas de Casos de Uso que foram utilizados para definir
as interações que cada utilizador do portal terá com o sistema assim como uma breve
explicação de cada um. Cada utilizador do portal está identificado como um ator dos
diferentes diagramas.
8
2.1.2.1.1 Casos de Uso do Visitante
O visitante do portal Web tem à sua disponibilidade a consulta de notícias, enviar uma
sugestão ou comentário acerca do portal ou do próprio funcionamento do lar, neste caso terá
que preencher um formulário com os seus dados e a respetiva mensagem. Pode também
consultar a localização do lar e ainda os contactos. Estas são as interações por parte do
comum visitante com o portal como podemos verificar na seguinte figura. (figura 2)
Figura.2 – Casos de Uso do Visitante.
9
2.1.2.1.2 Casos de Uso do Administrador
Como podemos observar na seguinte figura (figura 3.), o Administrador do portal, para além
de ter acesso as mesmas funcionalidades do Visitante que foram descritas no tópico anterior,
tem ainda a possibilidade de efetuar log in para aceder a sua área reservada. Após efetuar log
in pode listar funcionários, tendo a possibilidade de editar ou remover os registos, pode ainda
adicionar um novo funcionário, médico ou notícia. Estas últimas opções envolvem a
introdução de dados no sistema relativos ao registo que se pretende.
O Administrador pode ainda consultar as notícias disponibilizadas no portal, tendo a opção de
as remover se assim o desejar. Estas são as interações do ator Administrador com o sistema.
Figura.3 – Casos de Uso do Administrador
10
2.1.2.1.3 Casos de Uso do Funcionário
O Funcionário tem acesso às interações descritas nos Casos De Uso do Visitante, após efetuar
log in, acede à área reservada onde pode consultar os turnos de trabalho, adicionar familiares,
adicionar utente onde neste caso durante o preenchimento dos dados é necessário associar ao
utente um familiar previamente registado. Tem acesso à listagem dos utentes, onde seleciona
a opção pretendida (consultar ficha de condição, consultar ficha de medicação) ou ainda
consultar fichas de higiene onde tem a opção de registar, consultar ou editar fichas já
existentes assim como remover as mesmas. Podemos observar os casos de uso do Funcionário
na figura que se segue (figura 4.).
Figura.4 – Casos de Uso do Funcionário
11
2.1.2.1.4 Casos de Uso do Médico
A seguinte figura (figura. 5) ilustra os casos de uso do Médico, tal como os anteriores também
tem acesso às interações com o sistema ao nível do Visitante. Na sua área reservada, efetua
log in e tem acesso a listagem dos utentes, onde pode selecionar de entre as opções
disponíveis para cada utente, alterar os atributos do utente (idade, peso, altura), consultar e/ou
registar nova ficha de condição ou ficha de medicação assim como remover as fichas se for
necessário.
Figura.5 – Casos de Uso do Médico
12
2.1.2.1.5 Casos de Uso do Familiar
O familiar tem acesso às mesmas interações mencionadas nos casos de uso do visitante, e
ainda tem a possibilidade alterar os dados de contacto e consultar a informação
respetivamente ao utente pelo qual é responsável. Como podemos observar na seguinte figura.
(figura.6)
Figura.6 – Casos de Uso do Familiar
13
2.1.2.2 Diagramas de Sequência
O Diagrama de Sequência é uma das ferramentas UML usadas para representar interações
entre objetos de um cenário prático, realizadas através de procedimentos ou funções. Este
diagrama é construído a partir do Diagrama de Casos de Usos e define a sequência de
operações de um dado caso de uso. [4]
Elementos que compõe estes diagramas:
Atores
Objetos
Gate
Fragmento
Linha de vida
Em seguida são apresentados alguns diagramas de sequência relativos aos casos de uso mais
importantes.
Figura.7 – Diagrama de Sequência - Adicionar Funcionário
14
Figura.8 – Diagrama de Sequência – Listar Funcionários
Figura.9 – Diagrama de Sequência – Adicionar Utente
15
Figura.10 – Diagrama de Sequência – Registar Ficha de Medicação
2.1.2.3 Diagrama de Entidade/Relação (ER)
O modelo ER é um modelo usado na engenharia de software para definir de maneira
sistemática um processo de negócio, este é modelado em entidades (tabelas) que possuem
atributos e se encontram ligadas por relacionamentos que expressam as dependências entre si.
É este modelo que suporta e define as tabelas e dependências da base de dados que se vai
utilizar.
Os tipos de relacionamentos usados neste modelo são [5]:
1..1 – lê-se relacionamento de um para um.
1..n – lê-se relacionamento de um para muitos.
n..n – lê-se relacionamento de muitos para muitos.
Na figura 11 podemos observar o modelo ER desenvolvido para ilustrar a base de dados que
serve de suporte ao portal Web.
16
Figura.11 – Diagrama Entidade / Relacionamento (ER)
O lar tem apenas um administrador, vários médicos, funcionários e utentes. Os utentes estão
associados a um familiar, porém o familiar pode estar associado a vários utentes ou seja estar
responsável por um ou mais. Os utentes por sua vez podem ter várias fichas de higiene, que
são registadas pelos diferentes funcionários, fichas de medicação e condição que são
registadas por diferentes médicos. Um utente pode possuir diferentes fichas de higiene ou
medicação no mesmo dia por isso, tendo como exemplo das fichas de higiene, numa data
específica são registadas várias fichas a diferentes horas as quais está associado variado
material. A tabela Sugestão não possui qualquer relacionamento pois pode ser enviada por
qualquer utilizador do portal e no formulário estará disponível um campo de preenchimento
do nome e correio eletrónico, no caso da Notícia apenas o administrador tem o poder de
adicionar logo poderia estar também sem qualquer ligação.
Este modelo ER apresenta uma grande complexidade e acabou por sofrer algumas alterações
durante a implementação por questões de tempo de execução do projeto.
17
2.1.3 Desenho
Nesta fase de desenvolvimento do sistema, procura-se transformar os resultados da análise de
requisitos numa solução capaz de ser facilmente interpretada pelo programador do sistema.
O desenho deve ser eficiente ou seja o sistema deve ser capaz de efetuar as funções de
maneira rápida e eficaz e flexível permitindo alterar e incorporar novas funcionalidades e
requisitos sempre que necessário.
Figura.12 – Layout do portal Web
18
Nesta fase foi escolhido layout do portal e alterado consoante as necessidades. Optou-se por
adaptar um layout já existente na internet e de utilização gratuita que cumpre com as
necessidades do portal que se pretende desenvolver. [6]
2.1.4 Implementação
Neste subcapítulo é apresentada a implementação do portal Web. São descritas as
funcionalidades que foram implementadas, linguagens utilizadas na codificação, sistema de
gestão de base de dados e todo o software que serviu de suporte à fase de desenvolvimento.
2.1.4.1 Funcionalidades
Quanto às funcionalidades que foram implementadas, destacam-se as áreas reservadas com
acesso restrito por parte dos diferentes intervenientes na gestão do lar e seus utentes. Nestas
áreas têm acesso a diferentes opções que se adequam às necessidades impostas pelas funções
que exercem. Os formulários que estão presentes em algumas das páginas contam com
validação de campos.
São também abordadas as páginas que estão acessíveis aos visitantes do portal, onde contam
com diferentes funcionalidades e informações de interesse.
Todas as páginas e as principais funcionalidades são abordadas com recurso a imagens no
manual de utilização presente nos anexos deste documento.
19
2.1.4.1.1 Página Principal e Autenticação
Na página principal podemos observar um menu dinâmico na parte superior onde são
disponibilizadas as ligações para as diferentes páginas, se estiver autenticado como um dos
utilizadores autorizados pelo portal o menu é alterado consoante a situação. Por exemplo se o
administrador estiver autenticado como tal, é retirada a ligação para o login de familiar no
menu, que é substituído por um espaço em branco, já o botão onde antes se encontrava a
seleção vertical das diferentes páginas de login de acesso às áreas reservadas, é substituído
por uma ligação diretamente para a área de administração.
Outra das funcionalidades presentes na página principal é a imagem principal da página que
vai alterando durante o tempo, alternando por diferentes imagens. Esta funcionalidade foi
consultada e adaptada da referência bibliográfica [7].
Quanto à autenticação através dos formulários de log in para acesso às áreas reservadas foi
adaptado e usado um sistema com base num tutorial disponível na internet. [8]
Foi ainda usado um bloco de código que permite calcular o tempo de inatividade do utilizador
através da sessão registada, terminando a mesma se o tempo limite for excedido, após efetuar
alguma ação no portal surge um aviso e é redirecionado de volta para a página de log in
respetiva. [9]
2.1.4.1.2 Notícias
Nesta página os utilizadores do portal podem aceder as mais recentes notícias publicadas no
portal, estas notícias dizem respeito ao lar, atividades desenvolvidas e até outras informações
de interesse. Possui um menu lateral onde facilmente são escolhidas as notícias que se quer
visualizar. A informação referente à notícia escolhida é então atualizada na parte central da
página sem que esta tenha que ser carregada novamente.
20
2.1.4.1.3 Sugestões
Na página de Sugestões os utilizadores do portal podem, através do preenchimento de um
formulário apropriado, submeter comentários ou sugestões acerca do funcionamento do lar,
instalações e condições ou até mesmo do portal e seus conteúdos. Este formulário tem para
além da validação já referida anteriormente, validação extra ao nível do número de caracteres
máximo permitido no campo do texto. [10]
2.1.4.1.4 Área de Administração
A área de administração conta com várias funcionalidades, dois menus verticais dinâmicos
com as várias opções disponíveis. Ao nível da gestão de funcionários tem a possibilidade de
registar novos funcionários e médicos, acesso à página com a listagem dos mesmos, divididos
nas respetivas tabelas. Nestas tabelas temos informação referente a cada um, e é dada a
possibilidade de editar os dados dos mesmos através de um formulário para esse efeito ou
remover registo se for o desejado.
Ao nível da gestão de conteúdos tem disponível a opção de adicionar uma nova notícia no
portal através de um formulário próprio que conta também com a validação extra do número
de caracteres máximo disponível. Ainda relacionado com as notícias, tem acesso a uma
listagem das notícias publicadas no portal podendo alterar o seu conteúdo ou remover por
completo o registo.
A área de administração conta ainda com a opção de consultar as sugestões e comentários
enviados pelos utilizadores do portal na página Sugestões, assim como remover as mesmas.
Por último, a opção de consultar uma página com estatísticas relacionadas com o lar e portal.
2.1.4.1.5 Área de Funcionário
Quanto à área reservada aos funcionários, conta com dois menus verticais dinâmicos à
semelhança da área de administrador. Nestes menus estão presentes opções para registo dos
familiares e utentes do lar. O registo do familiar e do utente são feitos mediante o
preenchimento de formulários com os dados pessoais, o do utente em particular prossupõe o
21
registo prévio do familiar que irá ser associado ao utente durante o registo deste através de
uma opção de seleção “drop” que apresenta os nomes dos familiares registados no sistema.
Em relação à gestão de utentes e respetivas fichas, esta área reservada tem opção para listar os
utentes. Nesta página, a lista de utentes e respetivos dados encontram-se ordenados em tabelas
em que as ultimas colunas estão reservadas para as diversas fichas dos utentes, medicação,
higiene e condição.
Quanto à medicação, o funcionário tem acesso à lista de fichas do utente escolhido, que foram
previamente registadas pelo médico, e pode efetuar a consulta das mesmas. A informação é
apresentada via formulário já preenchido e com os campos em modo readonly para que não
seja possível a sua alteração ou remoção.
Quanto à higiene, após escolher o utente, é apresentada uma página que na sua parte superior
apresenta um formulário em que é feita a criação da ficha. Na parte inferior da página, é
apresentada a lista de fichas de higiene já registadas, caso existam, é possível a consulta ou
edição assim como a remoção das mesmas.
Tem ainda acesso à lista de fichas de condição do utente selecionado, que à semelhança das
fichas de medicação foram previamente registadas pelo médico, podendo consultar as
mesmas.
2.1.4.1.6 Área de Médico
A área reservada aos médicos possui um menu dinâmico vertical com a opção de gestão de
utentes. Escolhida esta opção é apresentada a listagem dos utentes, feita através de uma
tabela, onde o médico pode alterar os atributos de um determinado utente (idade, peso, altura).
Pode ainda aceder às fichas de medicação do utente escolhido, nesta página conta com um
formulário de registo de novas fichas na parte superior e na sua parte inferior uma listagem
das fichas de medicação já registadas pertencentes ao utente. Nesta listagem o médico pode
consultar ou editar as fichas ou remover se for o caso.
22
2.1.4.1.7 Área de Familiar
Na área reservada aos familiares dos utentes, estes podem consultar informações sobre os
utentes pelos quais são responsáveis, esta informação é apresentada na forma de uma tabela
com os dados relativos aos utentes. É ainda apresentada a sua informação pessoal (telefone,
email e username) podendo alterar a mesma, incluindo a password, escolhendo a opção
alterar. Ao escolher esta opção é apresentado um formulário onde o familiar pode então
alterar os seus dados se o desejar.
2.1.4.2 Linguagens Utilizadas
Esta secção tem como objetivo dar a conhecer e apontar algumas das características que
marcam as linguagens de modelação, programação e marcação que foram utilizadas no
desenvolvimento do SI.
2.1.4.2.1 UML
A Unified Modeling Language é uma linguagem que utiliza notação padrão para especificar,
construir, visualizar e documentar sistemas de informação. O UML por ser uma linguagem de
conceitos simples, facilita o desenvolvimento de um Sistema de Informação.
Permite integrar os aspetos da natureza organizacional que constituem o negócio e os
elementos de natureza tecnológica, que constituirão o sistema de informação, ajudando a
dominar a complexidade das regras associadas às necessidades do sistema que se pretende
implementar assim como definir os processos e fluxos informativos.
Faz uso de um conjunto de símbolos padrão que funcionam como um meio de comunicação
entre os diversos elementos do processo, clientes, gestores e programadores. [11]
No âmbito deste projeto foram desenvolvidos diagramas de caso de uso, diagramas de
sequência e diagrama de entidade/relação que serão apresentados posteriormente neste
documento.
23
2.1.4.2.2 HTML
O HTML ou HyperText Markup Language é uma linguagem de marcação padrão usada para a
criação de páginas Web.
Esta linguagem é escrita na forma de elementos ou tags que especificam o conteúdo
apresentado na página. O HTML descreve a estrutura de um portal Web semanticamente,
posteriormente o navegador lê os blocos de código transformando-os nos elementos visuais
que nos são apresentados. [12]
2.1.4.2.3 CSS
O CSS ou Cascading Style Sheets é uma linguagem utilizada para definir a apresentação dos
documentos escritos em HTML ou XML.
Tem uma sintaxe simples e utiliza uma série de palavras para especificar os nomes de
diferentes estilos de propriedade de uma página. Uma folha de estilo consiste numa lista de
regras, associadas a diferentes seletores. Estas regras vão desde mudar a cor do texto até
definir a posição e enquadramento de um elemento no documento.
Os seletores, ids ou classes, são usados para declarar a que elementos do documento de
marcação um estilo se aplica. [13]
2.1.4.2.4 PHP
O PHP é uma linguagem de programação usada do lado do servidor, direcionada para o
desenvolvimento web mas que é usada de maneira generalizada. Em conjunto com o HTML
permite a criação de páginas dinâmicas, permite a comunicação com os diferentes sistemas de
gestão de base de dados, inclusive o MySQL que foi usado no desenvolvimento deste portal.
Suporta ainda protocolos como o HTTP, NNTP, POP3.
O PHP é um concorrente direto da tecnologia ASP propriedade da Microsoft. [14]
24
2.1.4.2.5 JavaScript
O JavaScript é uma linguagem de script que pode ser usada tanto do lado do cliente como do
servidor, usada em páginas web e outras aplicações.
Foi concebida para ser uma linguagem script com orientação a objetos baseada em protótipos.
Algumas das suas potencialidades e que foram usadas no desenvolvimento deste portal são
[15]:
Verificação e validação de formulários.
Gerar conteúdos dinâmicos.
2.1.4.2.6 JQuery
O JQuery é uma biblioteca do JavaScript que foi criada para simplificar os scripts do lado do
cliente que interagem com o HTML e ainda para tornar mais fácil a navegação num
documento HTML, gerar animações e manipular eventos. [16]
Neste projeto, o JQuery foi utilizado na página da galeria de imagens.
2.1.4.2.7 SQL
O SQL ou em português Linguagem de Consulta Estruturada, é uma linguagem padrão de
gestão de dados, tendo muitas das suas características originais sido inspiradas na álgebra
relacional. Esta linguagem permite efetuar a criação de uma base de dados, definir todas os
seus elementos e ligações, permite ainda efetuar diversas operações de consulta e edição de
dados.
Alguns dos principais comandos SQL de manipulação de dados são o INSERT (inserção),
UPDATE (atualização) e o DELETE (remoção). [17]
25
2.1.4.3 SGBD
O sistema de gestão de base de dados é uma componente fundamental de um SI.
Um SGBD permite a interação com o gestor dos ficheiros, integridade e segurança dos dados,
configuração de perfis de utilização, controlo no acesso concorrente aos dados, sistema de
backup e recovery.
Os requisitos fundamentais são a eficiência, robustez, persistência e controlo de acesso. [18]
2.1.4.3.1 MySQL
O MySQL é um sistema de gestão de base de dados, utiliza a linguagem SQL e é um dos
SGBD’s mais populares. Algumas das suas características são [19]:
Software pouco exigente a nível de recursos de hardware
Interface gráfica intuitiva
Configuração fácil
Bom desempenho e estabilidade
Software de uso livre
No desenvolvimento deste projeto foi usado o sistema de gestão de base de dados MySQL,
por ser um SGBD bastante robusto e eficiente assim como de fácil utilização por ter, na
minha opinião, um interface user friendly e por já ter sido usado anteriormente no
desenvolvimento de trabalhos em outras unidades curriculares garantindo assim um maior à
vontade na sua utilização.
26
2.1.4.4 IDE’s
Nesta secção é abordado o IDE utilizado no desenvolvimento do portal assim como o restante
software que serviu de ferramenta em todo o processo, desde a análise dos requisitos, base de
dados e codificação.
Um IDE ou Ambiente de Desenvolvimento integrado é um software que reúne características
e ferramentas de apoio ao desenvolvimento de SI com o objetivo de tornar o processo mais
rápido. [20]
As principais características de um IDE são:
Editor de código
Compilador
Gerar código
Distribuição
Testes
2.1.4.4.1 Netbeans
O Netbeans é um IDE gratuito que permite o DSI nas linguagens de programação Java, C,
C++, PHP, Ruby, linguagens de marcação HTML e XML, entre outras. Esta ferramenta está
disponível em versões compatíveis nos diferentes sistemas operativos, tais como, Windows,
Linux, Solaris e MacOS e permite o desenvolvimento de aplicações multiplataforma. [21]
As suas principais características são:
Integração de módulos
Funcionalidade de completação automática de código
Deteção de erros apurada de aplicações e componentes
Suporte à conexão a base de dados
Outra das principais características e a escolhida no desenvolvimento deste projeto está na
possibilidade da conexão direta com o servidor onde está alojado o portal permitindo o
desenvolvimento e a imediata constatação dos resultados no portal sem ser necessário que
este seja encerrado temporariamente para efetuar alterações.
27
2.1.4.4.2 MySQL Workbench
MySQL Workbench é uma ferramenta de desenho visual de base de dados que integra
desenvolvimento, administração, desenho de base de dados, criação e manutenção num
ambiente integrado de desenvolvimento para o sistema de base de dados MySQL.
É uma ferramenta oficial disponibilizada pela MySQL de uso gratuito e está disponível para
os três principais sistemas operativos, Windows, Linux e MAC OS. [22]
2.1.4.4.3 Enterprise Architect
O Enterprise Architect foi a ferramenta escolhida na elaboração dos diagramas UML
utilizados no desenvolvimento do portal Web.
É uma ferramenta excecional com diversas funcionalidades ao nível do desenho de SI, é
estável e tem uma interface fácil de utilizar. [23] A única desvantagem é que esta é uma
aplicação paga, tendo neste projeto sido utilizada uma versão de teste.
2.1.5 Testes
Nesta fase todas as funcionalidades do portal foram testadas para garantir o seu pleno
funcionamento e para certificar que os requisitos identificados tinham sido abrangidos. Foram
efetuados registos fictícios de funcionários, médicos, utentes e respetivos familiares para que
fosse possível testar o portal em todas as suas vertentes. Ao nível da gestão dos utentes, foram
ainda adicionadas diversas fichas de medicação, condição, higiene por parte dos funcionários
e médicos. Na área de administrador foram adicionadas novas notícias e na página de
sugestões foram submetidos alguns comentários.
Foram também testados todas as ligações e redireccionamentos presentes nas diferentes
páginas para garantir a perfeita interligação entre estas.
Todos os testes foram realizados com o portal já instalado no servidor final, por parte do
desenvolvedor e de pessoas independentes ao sistema. O portal está disponível no seguinte
endereço: http://a21281.comule.com
28
29
Capítulo 3
3 Conclusão
A realização deste projeto permitiu-me aprofundar conhecimentos nas tecnologias ligadas ao
desenvolvimento de sistemas de informação mais propriamente o desenvolvimento web assim
como conhecer algumas novas funcionalidades das ferramentas utilizadas.
O portal Web conta com diversas funcionalidades de gestão dos utentes e funcionários do lar
assim como de gestão de conteúdos do portal. Os objetivos principais deste projeto foram
alcançados, ficando a faltar uma funcionalidade que tem a ver com a disponibilização de
alertas relativos a dados presentes nas diferentes fichas dos utentes e talvez melhorar um
pouco o aspeto visual do portal.
Na minha opinião o portal está bem concebido e as funcionalidades que foram implementadas
estão a funcionar corretamente.
3.1 Trabalho Futuro
Para trabalho futuro seria interessante implementar os alertas que foram já mencionados na
conclusão deste documento, abranger mais características e cenários nas fichas dos utentes e
implementar o sistema de maneira a permitir uma melhor avaliação dos gastos e necessidades
tendo em conta o variado material que é usado diariamente.
30
Referências bibliográficas
[1] http://pt.wikipedia.org/wiki/Modelo_em_cascata - acedido em Setembro de 2014
[2] http://keelingconsulting-softwaredevelopment.blogspot.pt/2013/05/advantages-and-
disadvantages-of.html - acedido em Setembro de 2014
[3] http://pt.wikipedia.org/wiki/Diagrama_de_caso_de_uso - acedido em Setembro de 2014
[4] http://pt.wikipedia.org/wiki/Diagrama_de_sequência – acedido em Setembro de 2014
[5] http://pt.wikipedia.org/wiki/Modelo_entidade_relacionamento - acedido em Setembro de 2014
[6] http://www.freewebsitetemplates.com/ - acedido em Março de 2014
[7] https://suite.io/mark-alexander-bain/3rp32aa - acedido em Julho de 2014
[8] http://www.phpeasystep.com/phptu/6.html - acedido em Junho de 2014
[9] http://stackoverflow.com/questions/20235850/how-to-set-session-timeout-code-in-php -
acedido em Agosto de 2014
[10] http://stackoverflow.com/questions/5371089/count-characters-in-textarea - acedido em Agosto
de 2014
[11] Pereira, João Paulo, 2007, Capítulo 4 – Linguagem de Modelação UML – acedido em Junho de
2014
[12] http://en.wikipedia.org/wiki/HTML - acedido em Setembro de 2014
[13] http://pt.wikipedia.org/wiki/Cascading_Style_Sheets- - acedido em Setembro de 2014
[14] http://pt.wikipedia.org/wiki/PHP - acedido em Setembro de 2014
[15] https://developer.mozilla.org/en-US/docs/Web/JavaScript/About_JavaScript - acedido em
Setembro de 2014
[16] http://pt.wikipedia.org/wiki/JQuery - acedido em Setembro de 2014
[17] http://pt.wikipedia.org/wiki/SQL - acedido em Setembro de 2014
[18] Adriano, José – Sebenta da disciplina BD1 - Caderno de Introdução Base de Dados – acedido
em Setembro de 2014
[19] http://pt.wikipedia.org/wiki/MySQL - acedido em Setembro de 2014
[20] http://pt.wikipedia.org/wiki/Ambiente_de_desenvolvimento_integrado - acedido em Setembro
de 2014
[21] http://pt.wikipedia.org/wiki/NetBeans - acedido em Setembro de 2014
[22] http://en.wikipedia.org/wiki/MySQL_Workbench - acedido em Setembro de 2014
[23] http://www.sparxsystems.com/products/ea/ - acedido em Setembro de 2014
1
Anexo A
A Manual de Utilização
A.1 Menu Principal Horizontal
A.1.1 Página Principal
Este botão permite a qualquer altura voltar á página principal ou índex do portal. Nesta página
temos acesso a uma descrição do lar, na parte inferior do lado esquerdo temos o horário de
visitas, do lado direito temos o formulário de log in de acesso à área reservada para familiares
de utentes. Podemos observar a página principal na figura 13.
2
Figura.13 – Página Principal
3
Ainda nesta página o formulário presente na parte inferior esquerda é substituído por um
botão de log out caso algum utilizador esteja com sessão iniciada, quer seja administrador,
familiar, funcionário ou médico pode usar este botão para terminar a sua sessão se assim o
entender. (figura. 14)
Figura.14 – Botão Log Out
A.1.2 Acesso à Área Familiares
O botão que podemos observar na figura 15 serve para aceder ao formulário de log in que
permite aos familiares dos utentes autenticarem-se e acederem à sua área reservada. Quando o
familiar já se encontra com sessão autenticada este botão apesar de se manter com o mesmo
nome, faz ligação direta à área reservada sem passar pelo formulário de log in.
Figura.15 – Botão de acesso à Área Familiares
4
Podemos também aceder à área de familiares utilizando o formulário de log in presente na
página principal como mostra a figura 16.
Figura.16 – Formulário de acesso à Área Familiares
A.1.3 Acesso às restantes áreas reservadas
Ao passar o cursor sobre este botão do menu, são apresentadas 3 alternativas que levam o
utilizador a diferentes páginas com formulários de log in para acesso às áreas reservadas de
Administrador, Funcionário e Médico. Podemos observar este menu na figura seguinte.
(figura. 17)
Figura.17 – Menu de acesso às áreas reservadas
5
A.1.4 Notícias
O acesso á página de Notícias faz-se através do botão presente no menu horizontal como
indica a figura 18.
Figura.18 – Botão de acesso à página de Notícias
Na página das notícias podemos observar na parte lateral direita os títulos das notícias
disponíveis para consulta. Após clicar num dos títulos a notícia é carregada na parte central da
página como podemos observar na figura 19.
Figura .19– Página de Notícias
6
A.1.5 Sugestões
Podemos aceder a esta página clicando no botão presente no menu horizontal como mostra a
figura 20.
Figura.20 – Botão de acesso à página de Sugestões
Já na página de sugestões é apresentado um formulário para o utilizador poder enviar a sua
sugestão ou comentário preenchendo os campos pedidos e clicando em Enviar. O número de
caracteres disponíveis para a mensagem é limitado sendo por isso apresentado um contador
para o efeito. Podemos observar o envio de uma sugestão na figura 21.
Figura.21 – Enviar uma sugestão ou comentário
7
A.1.6 Acerca do Lar
Este botão dinâmico apresenta ao utilizador três opções distintas de acesso às páginas de
Contactos, Localização e Galeria de Imagens como podemos observar na figura 22.
Figura.22 – Botão de acesso Acerca do Lar
A.1.6.1 Contactos
Nesta página podem ser consultados os contactos e morada do lar e ainda dá a possibilidade
ao utilizador de seguir o lar nas redes sociais através dos respetivos botões como podemos
observar na figura 23.
Figura.23 – Página de Contactos
8
A.1.6.2 Localização
Na página da Localização pode ser consultado um mapa importado do serviço de mapas do
Google. Neste mapa está marcada a localização do lar, distância até ao centro hospitalar e
ainda o trajeto a seguir a partir da autoestrada. Conta também com um botão na parte inferior
do mapa que volta para a página principal como podemos observar na seguinte figura 24.
Figura.24 – Página de Localização
9
A.1.6.3 Galeria de Imagens
Na página dedicada à galeria de imagens, temos uma galeria dinâmica que permite alternar
pelas diferentes imagens clicando na pré-visualização por baixo da imagem principal que
estiver a ser exibida, como podemos observar na figura 25.
Figura.25 – Galeria de Imagens
10
A.2 Área de Administrador
Após autenticação através do formulário de log in apropriado (figura 26) acedido clicando no
botão presente no menu principal horizontal, descrito anteriormente neste manual, tem acesso
à Área de Administrador.
Figura.26 – Formulário de Log In
Nesta área apresentam-se dois menus verticais dinâmicos com variadas opções de gestão.
Tem também um botão para terminar a sessão presente na parte inferior esquerda da página.
Conta ainda com uma mensagem de boas vindas que indica o nome do utilizador que se
encontra autenticado (esta funcionalidade bem como o botão para terminar sessão estão
presentes em todas as áreas reservadas). No menu da esquerda “Gestão de Funcionários”
conta com as opções que podem ser visualizadas na imagem seguinte. (figura 27)
11
Figura.27 – Menu da Área Administração - Gestão de Funcionários
Na opção Lista de Funcionários é apresentada uma página com a listagem dos mesmos como
podemos observar na figura 28.
Figura.28 – Lista de funcionários
12
Nesta página o administrador pode remover registos clicando em “Remover” na linha da
tabela correspondente ao registo que deseja remover, podendo também editar os dados
relativos a um funcionário ou médico clicando em “Editar”, sendo assim direcionado para um
formulário onde pode efetuar a alteração dos dados como podemos observar na seguinte
figura. (figura. 29)
Figura.29 – Editar dados de funcionário
Pode ainda adicionar novos funcionários ou médicos através de formulários que são
praticamente idênticos salvo alguns campos. (figura. 30)
Figura.30 – Registar funcionário
13
Já no menu da direita “Gestão de Conteúdos”, o administrador tem a possibilidade de
adicionar uma nova notícia ao portal através de um formulário próprio (figura. 31)
Figura.31 – Adicionar Notícia
À semelhança do campo de texto da página de sugestões também este formulário conta com
um contador do número de caracteres máximo disponível.
O administrador pode também consultar as notícias já publicadas assim como editar ou
remover se assim o desejar. (figura. 32)
Figura.32 – Listar notícias
14
Consultar ou remover as sugestões enviadas pelos utilizadores do portal. (figura. 33)
Figura.33 – Listar sugestões
E finalmente pode ainda consultar estatísticas relacionadas com o lar e o portal. (figura. 34)
Figura.34 – Estatísticas
15
A.3 Área de Familiar
Na área do familiar pode ser consultada a informação relativa aos utentes pelos quais é
responsável, os dados são apresentados na forma de uma tabela na parte superior da página. Já
na parte inferior é apresentado um formulário em que o familiar pode alterar os seus dados
como podemos observar na figura 35.
Figura.35 – Área de familiar
16
A.4 Área de Funcionário
Nesta área são apresentados dois menus verticais dinâmicos, no menu da esquerda “Registos”
temos a opção de registar um novo familiar e registar um novo utente. Podemos observar o
formulário de registo do familiar na figura 36.
Figura.36 – Registo de familiar
Quanto ao registo do utente, este prevê que seja registado previamente o familiar que vai ficar
responsável pelo mesmo como pode se observar na figura 37.
Figura.37 – Registo de utente
17
No menu da direita o funcionário tem acesso à gestão dos utentes e ao documento onde estão
descritos os turnos de trabalho.
Quanto à gestão dos utentes ao selecionar a opção “Utentes” é apresentada uma listagem dos
utentes com a possibilidade de aceder às diversas fichas como podemos observar na seguinte
figura 38.
Figura.38 – Lista de Utentes
A lista de fichas de medicação acedidas clicando em “Entrar” na coluna Medicação apresenta
uma listagem das fichas de medicação para um dado utente que foram previamente registadas
por um médico. Estas podem ser consultadas carregando em “Consultar” (figura. 39)
Figura.39 – Lista de fichas de medicação
18
É então apresentada a informação da ficha de medicação como mostra a figura 40.
Figura.40 – Ficha de medicação
Os funcionários têm ainda acesso ao registo de novas fichas de higiene, nesta página tem o
formulário de registo de novas fichas na parte superior, e na parte inferior da mesma a
listagem das fichas já criadas para o utente escolhido caso existam. Nesta listagem é possível
editar a ficha de higiene previamente criada ou apagar o seu registo. (figura 41)
19
Figura.41 – Fichas de higiene
Ao clicar em “Editar” é apresentado um formulário semelhante ao da figura anterior mas com
a particularidade de este já estar preenchido permitindo a edição dos dados.
Quanto às fichas de condição a listagem é em tudo semelhante à ilustrada anteriormente nas
fichas de medicação, estas são previamente registadas pelo médico e podem ser consultadas
pelo funcionário.
20
A.5 Área de Médico
Na área reservada aos médicos, é apresentado um menu vertical dinâmico apenas com uma
opção de gestão dos utentes como podemos observar na seguinte figura 42.
Figura.42 – Área reservada aos médicos
Clicando na opção “Utentes” no menu da figura anterior, é apresentada a lista de utentes onde
o médico pode selecionar a opção desejada. (figura 43)
Figura.43 – Área Médico - Lista de Utentes
21
Em “Atributos” pode editar a idade, peso, altura do utente através de um formulário. (figura
44)
Figura.44 – Editar atributos do utente
Na opção medicação, o médico pode adicionar novas fichas de medicação para um
determinado utente utilizando o formulário na parte superior da página, já na parte inferior e à
semelhança da página de fichas de higiene é apresentada a listagem das fichas caso existam
podendo proceder à sua edição ou remoção. (figura 45) Para a edição é apresentado um
formulário semelhante ao que se encontra na página demonstrada na figura.
22
Figura.45 – Registar ficha medicação
Quanto à opção de “Condição” é apresentada uma página semelhante à das fichas de
medicação mas com um formulário diferente apropriado ao registo destas fichas como
podemos observar na seguinte figura. (figura 46)
23
Figura.46 – Registar ficha condição
Na página observada na figura anterior existe também uma listagem das fichas já criadas para
um determinado utente e é dada a possibilidade de as editar ou remover se for necessário.
