Otimizar a Prática Médica: Software Personalizado

para Gestão de Agendas, Notificações e Lembretes na

Área da Saúde

Projeto em Engenharia Biomédica

Alunos
André Filipe Cabaço Eusébio
Maria Anareida Delgado Fortes
Oriza Barbosa

Docente
Cláudia Regina Pereira Quaresma
Professora Auxiliar, Faculdade de Ciências e Tecnologia, Universidade NOVA de
Lisboa

Licenciatura em Engenharia Biomédica

Universidade NOVA de Lisboa

dezembro, 2023
 Índice
Índice de Figuras ................................................................................................................................ ii
Introdução .......................................................................................................................................... iii
Motivação ....................................................................................................................................... iii
Objetivos ......................................................................................................................................... iii
Website ................................................................................................................................................. iv
Linguagens de programação ....................................................................................................... iv
Página Principal e Login ............................................................................................................... iv
Página de Exames ............................................................................................................................v
Página de Pacientes .........................................................................................................................v
Página de Utilizadores.................................................................................................................. vi
Aplicação ........................................................................................................................................... vii
Linguagem de Programação e Plataforma ............................................................................... vii
Página de Login ............................................................................................................................. vii
Homepage ....................................................................................................................................... viii
Perfil .................................................................................................................................................ix
Acesso e Dados ...................................................................................................................................ix
Dados de Acesso .............................................................................................................................ix
Base de Dados .................................................................................................................................ix
Conclusão ............................................................................................................................................. x

Índice de Figuras
FIGURA 1-WEBSITE PÁGINA INICIAL .................................................................................................................................. IV
FIGURA 2- WEBSITE PÁGINA DE LOGIN............................................................................................................................... V
FIGURA 3- WEBSITE PÁGINA COM A LISTA DE EXAMES SUBMETIDOS ................................................................................ V
FIGURA 4- WEBSITE PÁGINA DE PACIENTES SEGUIDOS ..................................................................................................... VI
FIGURA 5- WEBSITE PÁGINA DOS MÉDICOS UTILIZADORES.............................................................................................. VI
FIGURA 6- APP PÁGINA DE LOGIN .................................................................................................................................... VII
FIGURA 7- APP HOMEPAGE E TABS ..................................................................................................................................VIII
FIGURA 8- APP PERFIL ........................................................................................................................................................ IX

ii
 Introdução

Motivação

Na nossa visita ao Centro Hospitalar de Setúbal, tivemos a oportunidade de falar com

o Dr. Luís Branco, médico especialista e cirurgião-geral com mais de 30 anos de experiência,
que compartilhou connosco um desafio enfrentado pelo pessoal médico: o programa Sclínico
causava uma perda significativa de tempo. O problema principal residia na ausência de um
sistema de notificação para os exames recentemente realizados pelos pacientes. Isto exigia
uma revisão manual e minuciosa das fichas de cada indivíduo, um processo demorado e
passível de erros. A necessidade de uma solução ágil e eficiente tornou-se evidente,
despertando em todos nós a motivação para buscar soluções inovadoras, visando otimizar o
tempo dos médicos e a qualidade do atendimento prestado aos pacientes.

Objetivos

Os nossos objetivos direcionam-se para o desenvolvimento de uma solução prática e

acessível. Propomos a criação de um website complementado por um aplicativo móvel. Essa
plataforma terá a finalidade de complementar o sistema Sclínico, oferecendo aos
profissionais médicos a capacidade de receber notificações instantâneas sempre que existe
uma nova submissão de exames dos pacientes acompanhados. A implementação desse
sistema proporcionará uma comunicação eficiente e em tempo real, permitindo que os
médicos ajam prontamente, otimizando as suas rotinas e garantindo um acompanhamento
mais ágil e preciso para cada paciente.

iii
 Website
Desenvolvemos um website ( HTTPS://andrefce.github.io/projeto/ ), exclusivamente
para os médicos que servirá de um lembrete dos exames realizados para cada paciente.

Linguagens de programação

Para a construção do frontend do website, optamos pela utilização das linguagens

HTML, CSS e JavaScript. O HTML foi essencial para estruturar o conteúdo da página,
definindo a sua arquitetura e organização. O CSS foi utilizado para estilizar e dar uma
apresentação visual atraente, garantindo uma experiência amigável ao utilizador. Além
disso, o JavaScript desempenhou um papel crucial, proporcionando interatividade dinâmica,
implementando funcionalidades avançadas e possibilitando a integração de recursos
adicionais para uma navegação mais fluida e eficiente.

<div class="filter-menu"> document.querySelector(".js .sidebar {

<label>Category</label> Filter").addEventListener(" flex-basis: 200px;
<select> click", function () { max-width: 200px;
<option>All flex-shrink: 0;
Categories</option> document.querySelector(".fi background-color:
<option>TAC</option> lter- var(--sidebar);
menu").classList.toggle("ac display: flex;
<option>SPECT</option> tive"); flex-direction:
<option>MRI</option> }); column;
<option>PET</option> }
</select>

HTML demonstração document.querySelector(".gr

JavaScript demonstração CSS demonstração
id").classList.add("active"
);

Página Principal e Login

Utilizamos o símbolo do Hospital de Setúbal, bem como as cores deste (figura 1), como
para todos os websites temos o login com o utilizador, a palavra-passe (figura 2).

Figura 1-Website Página Inicial

iv
 Figura 2- Website Página de Login

Página de Exames

Nesta página (figura 3), temos a lista dos exames prescritos bem como a data em que foram
pedidos, o nome do paciente, o número de utente o tipo de exame, que ajudará o medico a verificar
que tipo exame o paciente já realizou, em que os que aparece com o checkmark verde (✓) já foi
entregue.

Figura 3- Website Página com a Lista de Exames Submetidos

Página de Pacientes

Nesta página (figura 4), disponibilizamos uma lista contendo os nomes dos pacientes
com os seus respetivos números de utente. Aqui, oferecemos a opção exclusiva de unfollow.
É importante ressaltar que a ação de follow é realizada exclusivamente na plataforma Sclínico.
Dessa forma, esta página permite apenas o cancelamento do acompanhamento (unfollow),

v
possibilitando aos médicos gerir as suas preferências de visualização de exames de pacientes
previamente seguidos na plataforma principal, Sclínico.

Figura 4- Website Página de Pacientes seguidos

Página de Utilizadores

Pensamos também em ter uma página dedicada à visualização de informações dos

médicos registados na plataforma (figura 5), oferecendo detalhes como o nome e a
especialidade de cada profissional. Nessa secção, é apresentada uma lista abrangente de
todos os utilizadores/médicos que utilizam a plataforma, acompanhada das respetivas áreas
de especialização. Isso possibilita aos utilizadores obterem um panorama completo dos
profissionais disponíveis.

Figura 5- Website Página dos Médicos Utilizadores

vi
 Aplicação

Para o desenvolvimento da App foi utilizado uma plataforma que simplifica o

desenvolvimento de aplicativos, para tal usamos o Flutterflow
(https://app.flutterflow.io/share/mypro-hat2cb). Ao construir a nossa aplicação, começamos
com a criação do esboço do aplicativo, definindo os componentes e a estrutura da interface
do utilizador.

Linguagem de Programação e Plataforma

Utilizamos o editor visual do FlutterFlow para projetar a aparência e o layout da

aplicação. A interface intuitiva permitiu uma fácil manipulação de widgets e a visualização
em tempo real acelerou o processo de design.

Página de Login

A página de login (figura 6) da aplicação consiste apenas num

formulário simples com campos para inserção de nome de
utilizador e password.

Figura 6- App Página de Login

vii
Homepage

A homepage da aplicação apresenta três abas principais, organizadas em tabs, para

facilitar a navegação e acesso às informações relevantes. As abas incluem: Exames
'Prescritos', 'Entregues' e 'Vistos' (figura 7).

Cada uma dessas secções oferece uma visão específica do status dos exames médicos.
Na aba 'Exames Prescritos', os utilizadores podem encontrar informações sobre os exames
que foram recomendados ou prescritos. Na aba 'Entregues', estão listados os exames que já
foram realizados e entregues. Por fim, na aba 'Vistos', é possível visualizar os exames que já
foram revistos e analisados.

Esta estrutura na homepage da aplicação visa fornecer uma visão abrangente e clara
do progresso e do estado atual dos exames médicos, facilitando a gestão e o
acompanhamento por parte dos profissionais de saúde.

Figura 7- App Homepage e Tabs

viii
Perfil

A página de perfil (figura 8) é um espaço

convencional onde os utilizadores podem visualizar e
editar as informações associadas à sua conta. Nesta página,
os utilizadores encontram campos para dados pessoais,
como nome, informações de contacto e detalhes adicionais,
dependendo da necessidade e configuração do perfil. Além
disso, é possível configurar preferências de notificação e
editar algumas definições.

O objetivo principal desta página é fornecer um

ambiente intuitivo e acessível para que os utilizadores
possam rever, atualizar e gerir as suas informações pessoais
de maneira simples e conveniente.

Figura 8- App Perfil

Acesso e Dados

Dados de Acesso

Relativamente aos dados de acesso, visando aprimorar a segurança e a praticidade,

sugerimos que cada profissional de saúde faça uso do seu e-mail institucional juntamente
com a senha correspondente. Esta abordagem oferece uma camada adicional de segurança,
aproveitando a infraestrutura dos e-mails institucionais.

Base de Dados

Embora não armazenemos informações médicas que comprometam a

confidencialidade do paciente, a integração direta do nosso software com a base de dados do
Sclínico pode apresentar desafios de segurança. Diante disso, propomos hospedar o nosso
site localmente nos servidores do hospital, restringindo o acesso exclusivamente à rede

ix
interna do hospital. Esta abordagem visa mitigar possíveis questões de segurança,
garantindo um ambiente controlado e protegido.

Ao limitar o acesso à rede interna do hospital, fortalecemos a segurança do sistema,

minimizando riscos de exposição de dados sensíveis e assegurando a confidencialidade das
informações médicas dos pacientes.

Conclusão
Embora sabermos que os técnicos do Ministério da Saúde e do Sclínico teriam a
capacidade de solucionar esta questão facilmente, implementando notificações diretas para
o email institucional de cada médico – uma funcionalidade já presente para os pacientes na
aplicação SNS 24 – tentámos, de forma independente, encontrar uma solução.

Contudo, devido à exigência de integração do software com o Sclínico, as nossas

opções foram limitadas.

Em última análise, acreditamos que tanto o website quanto o aplicativo propostos

representam uma boa adequação para o CHS, e temos grande apreço por este projeto e por
todos os envolvidos.

x
 Bibliografia
1. MANUAL DE CONSULTA RÁPIDA. (n.d.). In https://www.spms.min-saude.pt/wp-
content/uploads/2019/11/DIGITAL_Brochura_Guia-SClinico_2019.pdf.

2. P. (2023, November 10). How To Build A Healthcare App: A Complete Guide For 2024.
Medium. https://medium.com/@phoenixbizz/how-to-build-a-healthcare-app-a-complete-
guide-for-2023-4512259f50a1

3. Write your first Flutter app. (n.d.). Write Your First Flutter App | Flutter.
https://docs.flutter.dev/get-started/codelab

4. Moreno, C. (2023, September 27). Segurança de Dados e Conformidade na Área Médica -

SimDoctor. SimDoctor. https://www.simdoctor.com.br/blog/seguranca-de-dados-e-
conformidade-na-area-medica/

xi