INSTITUTO POLITÉCNICO DE EMPREGO E GESTÃO DE NEGÓCIOS -

iNATEC
Qualificação: Informática redes de computadores e telecomunicações -
CV5
Modulo:
Turma: IRTC
Sala: “10”

Tema: Relatorio

Estudante
Mussagy Mamade
Formador: Afizal José

Matola, janeiro de 2023

Índice

Introdução..........................................................................................................................3
Consciencialização ou investigação do problema.............................................................4
Problematização................................................................................................................4
Objetivo gerais...................................................................................................................5
Coleta de dados..................................................................................................................5
Programas utilizados para a criação design (Layout) do sistema e suas linguagens.........6
Diagramas UML................................................................................................................7
Diagrama de máquina de estado........................................................................................8
Funcionalidades do sistema.............................................................................................10
Conclusão.....................................................................................................................13
Introdução
O presente relatório visa mostrar de forma detalhada os processos de criação de uma
aplicação web (clinica medica), incluindo o planejamento, a execução e a sua
conclusão. O início da construção decorreu no período de novembro de 2022 a janeiro
de 2023 e a coleta de dados iniciou no mês de novembro de 2022 e foi concluída em
novembro do mesmo ano.
Este projeto destina-se a facilitar os trabalhos de gestão de um sistema de clinica
hospitalar, fora ou dentro da clinica física, realizando marcacao de consultas,
independentemente do local em que esteja o utilizador. Este facto gera facilidade e
comodidade para quem está a gerir a aplicação web. A motivação surgiu, assim, de criar
uma solução no modelo de uma aplicação web, não nativa nem híbrida, mas que
pudesse funcionar nos mais diversos dispositivos, fossem eles smartphone, tablets ou
desktops, usando uma metodologia tecnológica de desenvolvimento para aplicação web
mais rápida no seu desenvolvimento, com custos menores, em comparação com
soluções nativas e sem estar vinculada através de uma play store da google ou app store
da apple nem condicionada à versão do sistema operativo como é o caso das soluções
nativas. Com base no resultado da análise e investigação efetuadas, foi criada a
aplicação objeto deste projeto para informatizar os processos de marcacao de consultas,
registos de usuários (pacientes), geração de relatórios, consultas de informação e demais
funcionalidades.

Consciencialização ou investigação do problema

Nesta etapa procede-se à compreensão da problemática envolvida, com a definição e
formalização do problema a ser resolvido, os seus limites e quais as soluções adequadas.
Assim sendo, em relação a este projeto, investigou-se as características e problemáticas
da clinica +vida uma pequena e média empresa do médico, na sua atividade comercial,
obriga o utilizador, muitas vezes, por estar fora das suas instalacoes, a utilizar um
sistema que necessariamente tem que ter comunicação em tempo real com o
departamento de administração. O custo do desenvolvimento também seria um
elemento importante a considerar.

Problematização

O site da clinica +vida foi criada para melhorar certos processos ou serviços prestados
pela clinica como: falta de flexibilidade no atendimento cria um desconforto aos
pacientes, este problema tem gerado desorganização no local de trabalho que esta
sempre lotada de pacientes e também este mesmo problema cria um problema na
clinica, pois cria enormes filas para se fazer uma consulta que poderia ser agendada por
meio de um sistema simples e rápido.

Objetivo gerais
O objetivo principal da criação da web site para a clinica +vida foi principalmente para
dinamizar os processos de consultas, saber quais os serviços a clinica presta aos
clientes, identificar os horários de funcionamento, saber quais médicos estão disponíveis
e saber doutros assuntos da clinica pertinentes ao usuário do sistema.

Na coleta de dados e entrevistas feitas a equipe medica, por sua vez reclamou
demasiado sobre o problema de filas longas no sector das consultas e com base nesse
problema foi decidido que uma das funcionalidades do sistema será de fazer a marcação
das consultas estando em qualquer lugar e a qualquer momento.

Coleta de dados
Os dados foram coletados através da entrevista feita a clinica, individualmente e a
todos os médicos e trabalhadores daquela instituição, esta entrevista foi feita com o
objetivo de saber quais as inquietações que estes tem sobre os serviços da clinica.

Desenvolvimento da solução

Nesta etapa procede-se à construção do projecto em si. Mediante as investigações e

sugestões das etapas anteriores, procedeu-se nesta fase ao desenvolvimento de uma
solução web responsiva, atendendo a que a responsividade permite uma interface
amigável ao dispositivo de utilização, sobretudo por ser uma solução web, que permite
o seu acesso em qualquer lugar, e em qualquer dispositivo, desde que tenha acesso à
internet.

Descrição do sistema

O sistema de gestão de clinica hospitalar que para a sua criação é necessário a utilização
de linguagem de marcaҫã o de hipertextos "HTML", CSS, JavaScript, Bootstrap,
jQuery e base de dados PHP e Mysql para o armazenamento dos dados do sistema, o
sistema da clinica mais vida terá incluído três interfaces ou lados uma do usuário do
sistema ou cliente, a interface dos Doutores e por ultimo do administrador do sistema.
O sistema em si já funcionando tem como funções agendamento de consultas isso
online, a qualquer lugar ou momento, a escolha do médico para efectuar a consulta no
dia pretendido e nas horas disponíveis, verificar os médicos disponíveis, os serviços que
esta clinica oferece ao público em geral.

.Design Web Responsivo

Os sites web em particular, têm atualmente de lidar com o crescente nível de novas
tecnologias e a diversidade de características de interfaces. O design e desenvolvimento
responsivo é uma tendência e um processo crucial no desenvolvimento de um site ou
sistema web de comércio eletrónico, pois envolve a organização do conteúdo em
modelos gráficos que podem ser usados com base para a codificação dos diversos tipos
de aplicações web satisfazendo a diversidade de dispositivos usados para a navegação
da web. Contudo, a aplicação de design e desenvolvimento responsivo aos sites web
existentes, envolve frequentemente uma importante reengenharia devido ao inerente,
que permite usar grade fluida para especificar o tipo de interface de desktops,
smartphones, tablets e até mesmo televisor com a dimensão baseada em percentagem e
não por pixels; este recurso permite aos desenvolvedores ajustar os layouts a
dispositivos maiores sem perder a responsividade nos ecrãs de grande resolução.

Programas utilizados para a criação design (Layout) do sistema e suas linguagens

Programas usados

Visual studio code, Sublime text, Framework, Google chrome(para verificar o layout
do sitema a cada passo dado), WAMP.

Para a criação do layout (Design) do sistema fez o uso do HTML5, CSS e Javascript.

Com o HTML criou-se a estrutura do nosso sistema em outras palavras o desenho

estrutural e as partes significativas do sistema, com esta linguagem de marcação de
hipertextos desenvolvemos o Frontend, ou seja, a parte visual da aplicação que contem
imagens, slides de imagens, textos, etc.

O CSS- é uma a maneira de dar estilo aos atributos criados ou embutidos no documento
HTML como aumentar e diminuir o tamanho duma imagem, colorir um botão entre
outras funcionalidades, ele da vida ao sistema tornando o sistema mais atrativo e
chamativo ao nível do usuário que ira visitar o sistema da clinica +vida.

JAVASCRIPT- com os scripts desta linguagem foi possível incluir na nossa página
estática, elementos dinâmicos como formulários com sua respectiva validação,
animações interativas como o slides de fotografias que se encontra logo por baixo do
nosso Header (cabeçalho).

Diagramas UML
Diagrama de caso de uso
Diagrama de máquina de estado
Diagrama de classe
Funcionalidades do sistema
O sistema e si esta dividido em três partes principais, nomeadamente:

 Areia dos pacientes;

 Areia dos médicos;
 Areia do administrador;

 Areia dos pacientes

Na areia dos pacientes existe as determinadas funções:

 Acesso a página inicial (visualizar imagens e serviços que o sistema oferece)

 Fazer login da sua conta;
 Fazer a marcação da consulta;
 Verificar os médicos disponíveis;
 Agendar consulta;
 Cancelar consulta;

 Areia dos doutores

As funções principais desta divisão do sistema tem as seguintes funções:

 Acesso a página inicial (visualizar imagens e serviços que o sistema oferece)

 Fazer login da conta do doutor;
 Verificar se existe uma consulta pedinte;
 Especificar a sua especialidade;
 Areia do administrador (backend)

As principais funções que esta secção ou areia do projecto exerce são:

 Fazer o login do administrador do sistema;

 Gerenciar usuários e pacientes;
 Cadastrar os doutores;
 Gerenciar os doutores;
 Verificar e gerenciar compromissos;
 Verificar e gerenciar novas consultas;
 Fazer a pesquisa de pacientes;
Conclusão
No relatório acima apresentado mostrou de forma detalhada o processo de criação do
sistema de gestão de uma clinica hospitalar para a clinica +vida, este sistema visa
facilitar os processos de atendimento, marcação de consultas, saber dos nossos serviços
entre outros serviços que este sistema nos oferece.