faculdade de tecnologia do piauÍ fatepi curso de...

FACULDADE DE TECNOLOGIA DO PIAUÍ – FATEPI

CURSO DE BACHARELADO DE SISTEMAS DE INFORMAÇÃO

BRUNO BEZERRA TORRES DE ALENCAR

SISTEMA WEB PARA MARCAR CONSULTAS ONLINE EM CLINICAS E

HOSPITAIS

TERESINA – PI

2016



HOSPITAIS

TERESINA – PI

2016

Monografia apresentada à Faculdade de

Tecnologia do Piauí – FATEPI, como parte

dos requesitos exigidos para conclusão do

curso de Bacharel em Sistemas de Informação.

Orientador: Profº. Me. Francisco Assis Ricarte

Neto.



HOSPITAIS

Monografia apresentada à Faculdade de

Tecnologia do Piauí – FATEPI, como

requisito parcial para a obtenção do grau de

Bacharel em Sistemas de Informação.

Aprovado em: 21 de dezembro de 2016.

BANCA EXAMINADORA

_________________________________________________________

Profᵒ. Me. Francisco Assis Ricarte Neto

Orientador

Faculdade de Tecnologia do Piauí – FATEPI

_________________________________________________________

Profº. Esp. Gleiser Wesley Pires de Oliveira

1º Examinador


_________________________________________________________

Profª. Esp. Amanda Menezes de Oliveira

2ª Examinadora


AGRADECIMENTOS

Primeiramente a Deus, por sempre me dar forças e sempre está comigo em todos os

momentos da minha vida.

Aos meus pais Roberto e Vera, a minha madrinha Silvinha, e a minha irmã Fernanda,

por acreditarem e me ajudarem durante todo esse período, e principalmente por me

incentivarem e sempre cobrarem o máximo de mim. Por estarem ao meu lado quando

precisei, e por nunca terem deixado que eu desistisse do curso, apesar das dificuldades que

apareciam.

A minha avó Augostinha que me ajudou também nesse período de faculdade, e que

quer muito me ver formado e todos os dias pergunta se termino mesmo agora, ao meu avô

Domingos que onde ele estiver sei que torceu por mim e deve estar muito feliz nesse

momento.

A minha tia Rosimar, por ter me ajudado com os estudos. A minha esposa Lucivane,

por estar ao meu lado, me dando muito apoio e me ajudando muito durante o curso.

RESUMO

O objetivo geral deste trabalho é desenvolver um sistema acessível à população, onde por

meio dele poderão ser marcadas consultas online de forma pratica e eficiente sem haver a

necessidade de se estar deslocando até a clínica para simplesmente marcar a consulta. De

maneira mais especifica é desenvolver um sistema acessível à população, por meio dele

poderá ser marcado consultas online, identificando possíveis maneiras de tornar o sistema

de saúde mais ágil por meio da utilização do sistema, possibilitando que o usuário encontre

uma clinica com data de atendimento mais próxima, possibilitando também que o usuário

veja a localização da clinica e o seu endereço. O trabalho será desenvolvido com a criação

de um, web site, serão utilizadas ferramentas de programação especificas para o

desenvolvimento do site, assim como algumas linguagens que facilitaram o

desenvolvimento do mesmo. Por fim, quais as dificuldades que serão encontradas durante

o processo de desenvolvimento.

Palavras-chave: Desenvolver. Consultas. Online. Programação. Ferramentas.

ABSTRACT

The aim of this paper is developing an accessible system to the population, through which

online appointments could be scheduled into a practical and efficient way, avoiding the

necessity of going to the clinic office to have an appointment scheduled. Specifically, the goal

is developing an accessible system to the population in general, to make an online

appointment, identifying possible ways to Become Health System more agile throughout the

use of the software, allowing the user find a clinic with the closest attending date, helping

localize the clinic and its address. The task consists in developing a website and in order to

do so, programming tools will be used to develop the website, as well as specific language to

facilitate the development of it. Finally, discussing about the difficulties found during the

whole process of development.

Keywords: To Develop. Appointment. Online. Programation. Tools.

LISTA DE FIGURAS

Figura 1: Dreamweaver ................................................................................................. 17

Figura 2: Diagrama de Classe ........................................................................................ 19

Figura 3: Diagrama de Caso de Uso .............................................................................. 20

Figura 4: Diagrama de Sequência .................................................................................. 22

Figura 5: Tela Principal do Sistema .............................................................................. 25

Figura 6: Tela de Cadastro Paciente .............................................................................. 26

Figura 7: Tela de Login do Paciente .............................................................................. 27

Figura 8: Tela Marcar Consulta ..................................................................................... 27

Figura 9: Tela Visualizar Consulta ................................................................................ 28

Figura 10: Tela Login Funcionário ................................................................................ 29

Figura 11: Tela Cadastro Clínica/Médico ..................................................................... 30

Figura 12: Tela Visualizar Consulta Funcionário ......................................................... 30

LISTA DE ABREVIATURAS E SIGLAS

BD Banco de Dados

CSS Style Sheets

HTML Hyper Text Markup Language

PHP Personal Home Page

SQL Structured Query Language

WYSIWYG What You See Is What You Get.

SUMÁRIO

1 INTROCUÇÃO .......................................................................................................... 11

2 FUNDAMENTAÇÃO TEÓRICA ............................................................................ 13

2.1 WEB .......................................................................................................................... 13

2.2 HTML ....................................................................................................................... 13

2.3 PHP ........................................................................................................................... 14

2.4 SQL ........................................................................................................................... 15

2.5 LÓGICA DE PROGRAMAÇÃO ............................................................................. 16

2.6 FIREWORKS, FLASH E DREAMWEAVER ............................................................. 17

3 METODOLOGIA ...................................................................................................... 19

3.1 DIAGRAMA DE CLASSE ...................................................................................... 19

3.2 DIAGRAMA DE CASO DE USO ........................................................................... 20

3.2.1 Autores .................................................................................................................. 21

3.3 DIAGRAMA DE SEQUÊNCIA .............................................................................. 22

3.3.1 Paciente ................................................................................................................. 23

3.3.1.1 Login ................................................................................................................... 23

3.3.1.2 Marcar consulta ................................................................................................... 23

3.3.1.3 Visualizar consulta .............................................................................................. 23

3.3.2 Funcionário ........................................................................................................... 24

3.3.2.1 Login ................................................................................................................... 24

3.3.2.2 Cadastrar clínica ................................................................................................. 24

3.3.2.3 Cadastrar médico ................................................................................................ 24

3.3.2.4 Visualizar consulta .............................................................................................. 24

4 RESULTADOS .......................................................................................................... 25

4.1 PACIENTE ............................................................................................................... 25

4.1.1 Tela principal ....................................................................................................... 25

4.1.2 Cadastro paciente ................................................................................................ 26

4.1.3 Login ..................................................................................................................... 26

4.1.4 Marcar consulta ................................................................................................... 27

4.1.5 Visualizar consulta ............................................................................................... 28

4.2 FUNCIONÁRIO ....................................................................................................... 28

4.2.1 Tela principal ....................................................................................................... 28

4.2.2 Login ..................................................................................................................... 29

4.2.3 Cadastrar clinica/médico .................................................................................... 29

4.2.4 Visualizar consulta ............................................................................................... 30

5 CONCLUSÃO ............................................................................................................ 31

REFERÊNCIAS ......................................................................................................... 32

11

1 INTRODUÇÃO

Tendo observado a dificuldade que é marcar uma simples consulta em uma clínica,

esse sistema tem como finalidade tornar esse processo mais fácil, onde a pessoa não precise

mais ter que ficar tentando ligar para a clínica simplesmente para marcar a consulta.

Acessando o site de consultas online, fica bem mais fácil conseguir marcar a consulta, basta o

paciente fazer um cadastro para ter acesso ao sistema e depois poderá marcar a consulta para

qualquer clínica que esteja cadastrada junto ao site, tudo em um processo rápido e de fácil

acesso.

E por meio desse sistema, um de muitos problemas vai ser amenizado, pois para

conseguir ligar para uma clínica para marcar uma consulta é algo não muito fácil, por

inúmeros fatores, como às vezes a ligação não da certo, a pessoa está numa correria e não tem

tempo para procurar o numero da clínica e depois fazer a ligação, perdendo um tempo

pegando informações de horário e dia que o médico faz atendimento.

E por meio do site, após a realização do cadastro, bastará à pessoa escolher a clínica

o médico e o horário e a data da consulta, assim não haverá perda tempo ao telefone para que

a consulta possa ser marcada, assim o processo de marcar a consulta utilizando o sistema vai

ser bem mais prático que por telefone.

Além disso, esse processo feito online irá desafogar a secretária, onde ela não

precisará ficar perdendo tempo atendendo ligações, e poderá se dedicar mais em auxiliar o

médico.

O principal objetivo foi desenvolver um sistema acessível à população, onde por

meio dele serão marcadas consultas online de forma prática e eficiente sem haver a

necessidade de estar se deslocando até a clínica para simplesmente marcar a consulta.

O projeto foi desenvolvido voltado para web, onde foram utilizadas ferramentas

específicas para esse desenvolvimento como Dreamweaver. A ideia de desenvolver um

sistema web é justamente pelo fato de ser algo mais acessível por toda a população, nos dias

atuais qualquer pessoa tem fácil acesso a internet, e assim fica mais fácil simplesmente

acessar um site para marcar a consulta.

O programa foi desenvolvido utilizando algumas linguagens específicas para a área

da web, como Personal Home Page (PHP), Hyper Text Markup Language (HTML),

Cascading Style Sheets (CSS), Structured Query Language (SQL), o desenvolvimento tem

por base um website, onde através dele será possível marcar uma consulta sem haver

necessidade de se está telefonando para clínica. Direto do site a pessoa poderá escolher qual a

12

clínica irá querer fazer a consulta, acessando a clínica terá acesso aos médicos e os seus

respectivos horários de atendimento, onde por meio desses dados poderá marcar o melhor

horário para se consultar.

Para o desenvolvimento, o material utilizado foram softwares próprios para

programação web, foram utilizadas as ferramentas, Dreamweaver, Wampserver entre outras, o

trabalho foi totalmente desenvolvido por meio de um computador, que foi o principal

instrumento utilizado, foram utilizados livros e artigos, que serviram de fonte de consulta para

a realização do trabalho.

E por fim, o site ficou a contento, de acordo com o que foi planejado e conseguiu

atingir o seu principal objetivo, que é facilitar o processo de marcar uma consulta para toda a

comunidade.

13

2 FUNDAMENTAÇÃO TEÓRICA

2.1 WEB

De acordo com Silva (2008, p.29), “A web foi inventada em 1992 por Sir Tim

Berners-Lee, iniciou pesquisas visando descobrir um método que possibilitasse aos cientistas

do mundo inteiro compartilhar eletronicamente seus textos e pesquisas”.

A web é hoje um meio de comunicação muito utilizado por todo o mundo, ele

consegue interligar pessoas de vários locais distantes, possuindo a capacidade de tornar o

mundo pequeno, a web possibilita uma troca de informação muito rápida, e é bastante

acessível pela população, de todos os níveis sociais (SILVA, 2008).

Web é uma palavra do inglês que quer dizer teia, e para a internet serve de forma

abreviada para uma rede de computadores mundial, onde funciona de maneira parecida com a

de uma teia de aranha gigante, mantendo computadores interligados por todo o mundo. No

principio o navegador era conhecido por World Wide Web e, logo depois ficou conhecido por

Nexus (SILVA, 2008).

Na web se utiliza o termo browser, onde é utilizado para traduzir para o usuário os

documentos web que são feitos em uma linguagem de programação, browser quer dizer

folhear paginas de um livro de forma casual, onde trazido para o português ficou conhecido

por navegador (SILVA, 2008).

2.2 HTML

O HMTL é uma linguagem de marcação utilizada na estruturação de páginas web.

Sua sintaxe é bastante simples e, assim como a XML é baseada em tags, que representam os

diversos elementos de uma página, como imagens e links (RODRIGUES, 2017).

Ao acessar uma página web através de um navegador, ele é capaz de interpretar o

código HTML e endereçá-lo de forma compreensível para o usuário final, exibindo textos,

botões, etc. com as configurações definidas por meio das diversas tags que essa linguagem

dispõe (RODRIGUES, 2017).

Para Silva (2008, p.28), essa linguagem é uma das mais utilizadas no

desenvolvimento de web sites. Ele diz que “HTML, se destina a escrever documentos que

possam ser lidos por softwares genericamente chamados de agentes de usuários. Um

navegador e um leitor de tela são exemplos de agente de usuário”.

14

Para desenvolver um site, não é preciso possuir ferramentas sofisticadas de edição.

Sites são criados com o uso de editores HTML (SILVA, 2008).

O exemplo padrão e um dos mais utilizados editores é o Adobe Dreamweaver, uma

ferramenta muito boa e de muita capacidade quando utilizada de maneira correta. Editores

HTML do tipo What You See Is What You Get (WYSIWYG), permitem desenvolver um site,

sem haver necessidade de conhecer o funcionamento da linguagem HTML, no caso do

Dreamweaver (SILVA, 2008).

As opções da interface gráfica criam de maneira automática a marcação dos

componentes da pagina web, onde vai criar dos mais simples como parágrafos até os mais

detalhistas, como o script para que os mecanismos de navegação funcionem ou para que

possam ser inseridos diferentes tipos de mídia. O código vai ser gerado automaticamente,

assim não haverá necessidade do programador escreva uma única linha do código. (SILVA,

2008).

2.3 PHP

O PHP “foi criado inicialmente como uma linguagem de script estruturada, mas, com

o passar dos anos, novos recursos foram sendo adicionados com o intuito de transformá-la em

uma linguagem orientada a objetos” (MINETTO, 2007).

Na versão quatro da linguagem, já existia a possibilidade de se utilizar classes e

objetos, mas de uma maneira ainda rudimentar (MINETTO, 2007).

Niederauer (2011, p.17) essa linguagem ajudará a deixar o sistema mais interessante,

é possível mudar de forma incrível os sites criados somente em HTML utilizando essa

linguagem. Ele diz que “O PHP é uma linguagem totalmente voltada à Internet que possibilita

o desenvolvimento de sites realmente dinâmicos”.

O PHP apareceu em 1995, foi criado por Rasmus Lerdorf, para ter uma utilidade

pessoal, era uma ferramenta denominada Personal Home Page/Forms Interpreter (PHP/FI).

Contudo, ele não tinha ideia de que estava criando uma linguagem tida como uma das mais

eficientes para desenvolver aplicações para web (NIEDERAUER, 2011).

Ele ganhou espaço, e isso ocorreu graças a sua fácil utilização e a enorme quantidade

de recursos que tem. Por meio do domínio dessa linguagem, é possível mudar os sites feitos

apenas em HTML para sites mais dinâmicos e com maior capacidade de interação com o

usuário. A linguagem PHP é uma das mais utilizadas, inúmeros sites por todo o mundo

15

utilizam essa linguagem, onde trás como principal característica, a capacidade de acabar com

a utilização de paginas totalmente estática (NIEDERAUER, 2011).

2.4 SQL

De acordo com Manzano (2010, pg.19), “O programa MySQL é um sistema de

gerenciamento de banco de dados relacional que utiliza a linguagem de consulta estruturada

SQL como interface de acesso e extração de informações do banco de dados (DB) em uso”.

O MySQL é um excelente programa, que serve para gerenciar banco de dados,

facilitando o armazenamento de informações contidas em qualquer aplicativo, que necessite

desse tipo de serviço, por meio dele podem ser realizadas pesquisas diretas de várias

informações distintas dentro da aplicação (MANZANO, 2010).

O MySQL é um robusto servidor banco de dados, multiusuário, multitarefa que

opera com a linguagem SQL, linguagem de consulta estruturada (COX JUNIOR, 2001).

SQL é uma linguagem simples, em que você facilmente pode gravar, alterar e

recuperar informações em um web site com segurança e rapidez. Ela foi desenvolvida pelo

Departamento de Pesquisas da IBM como forma de interface para o Sistema de Banco de

Dados Relacionais SYSTEM R, no início dos anos 70; em 1996, a American National

Institute (ANSI) publicou um padrão SQL (COX JUNIOR, 2001).

O nome SQL é autoexplicativo, não é uma linguagem criada com a finalidade

específica de desenvolvimento, no caso das linguagens PASCAL, C, entre outras. È uma

linguagem criada para armazenar informações em uma base de dados, tornando o acesso a

elas mais prático (MANZANO, 2010).

Um DB relacional utiliza tabelas para guardas as informações, essas tabelas são

constituídas por registros e campos. Nos dias de hoje os softwares que gerenciam as bases de

dados acessíveis no mercado são baseadas em um DB relacional. No final de 1976, a

International Business machines (IBM), expos o SQL ao mercado de desenvolvimento

(MANZANO, 2010).

O MySQL é um sistema que serve para gerenciar um DB, foi originado na Suécia

em 1979, onde utiliza a linguagem SQL para buscar e extrair informações da base de dados,

sendo a ferramenta de gerenciamento mais utilizada no mundo, é ágil, capaz de fazer mais de

uma tarefa e de utilizar mais de um usuário (MANZANO, 2010).

O MySQL vem sendo cada vez mais valorizados por inúmeras empresas e por seus

usuários por possuir um servidor seguro, ágil e com uma fácil capacidade de utilização, onde

16

grandes bases de dados podem utiliza-lo, incluindo sistemas utilizados para web, possuindo

uma relação boa com a linguagem PHP (MANZANO, 2010).

2.5 LÓGICA DE PROGRAMAÇÃO

Bem antigamente, o ser humano ao tentar resolver os problemas com uma maior

facilidade, tentando tornar tudo automático, proporcionou o surgimento da roda, do carro e até

do computador. Contudo, as tarefas que serão realizadas pelo computador de forma

automatizada, devem ser estudadas e inseridas em uma sequência de ações, para que possam

ser postas no computador. Essa sequência é denominada de software e o processo de estudo é

denominado de lógica de programação (XAVIER, 2007).

O principal objetivo de um programador é a resolução de um problema de maneira

lógica, proporcionando um resultado correto para o problema e com qualidade, o que tem que

ter o máximo de atenção possível do programador para que não ocorra nenhum erro, se for

planejado de forma equivocada poderá não chegar ao resultado desejado (XAVIER, 2007).

O computador é formado de duas partes principais sendo elas o hardware e o

software, onde na ausência de uma dessas partes ele não irá funcionar. O hardware forma

toda a parte física, é feito de todo grupo de circuitos eletrônicos, gabinete, processador,

placas, entre outros (XAVIER, 2007).

O software é o grupo de sistemas responsáveis por controlar o hardware. Esses

sistemas são criados por meio de algoritmos, que são formados de sequências de comandos

para que alcancem o objetivo desejado. Após ser desenvolvido, esse algoritmo é transformado

em uma linguagem de programação. E o resultado da transformação é o programa (XAVIER,

2007).

A Linguagem de Programação é um grupo de regras que tem por finalidade criar

programas. Através dessa linguagem é possível falar com o computador, por meio dela o

computador irá entender e fazer o que o programador está querendo, essa linguagem é

dividida em três níveis, sento a Linguagem Máquina: linguagem entendida pelo computador e

é feita por números, 0 e 1 (bits), a Linguagem de Baixo Nível: é uma linguagem que possui

comandos próximos a assimilação da máquina, essa linguagem requer um alto conhecimento

de hardware, e a Linguagem de Alto Nível: é uma linguagem que possui comandos próximos

a assimilação humana, exemplos: C, HTML (XAVIER, 2007).

17

2.6 FIREWORKS, FLASH E DREAMWEAVER

Antigamente um designer utilizava ferramentas como Photoshop ou CorelDraw na

criação de sites e programas, para desenvolver os layouts. Com tudo essas ferramentas apesar

de serem muito eficientes não são próprias para criar desenhos dos layouts da web. Pois na

hora de mudar as imagens para a sua utilização final acaba sendo trabalhoso e causa

complicações (BLUMER, 2008).

O Fireworks CS3 é uma excelente ferramenta para criação de imagens profissionais

para sites. As suas opções trouxeram uma liberdade muito grande para a criação dos layouts.

Ele vem com excelentes bibliotecas, que possuem recursos pré-programados o que gera uma

economia de tempo (BLUMER, 2008).

O Flash CS3 é o mais minucioso e desenvolvido ambiente de exibição com conteúdo

participativo para plataformas digitais da web. Através dele é possível a criação de sites mais

interativos. Ele é uma das ferramentas mais utilizadas na web, onde é possível criar inúmeras

animações por vetores. A utilização de vetores torna o sistema mais leve, pois possibilita

desenvolver animações com poucos elementos, tornando o seu carregamento mais rápido

(PEREIRA, 2008).

O Dreamweaver CS3 como podemos ver na figura 1, é um editor modelo de HTML,

onde por meio dele é possível desenvolver um site de duas maneiras, uma digitando as linhas

de código e outra é por meio do modo de criação, onde não há necessidade de se digitar uma

única linha de código. (BLUMER, 2008).

Figura 1 – Dreamweaver.

Fonte: Torres (2016).

18

Ele pode abrir qualquer arquivo HTML, sem que haja perca de propriedades,

utilizando o modo de edição visual, e ainda permite que o layout seja levado de um

documento para outro sem nenhuma perda. Ele permite que aplicativos dinâmicos sejam

criados visualmente, e possui apoio a DB, utilizando algumas tecnologias como PHP

(BLUMER, 2008).

Todos esses métodos podem ser caracterizados de maneira livre, ele permite a edição

da barra de propriedades e ainda permite o aumento dos seus suplementos, incluindo outros

códigos como Java script, por exemplo (MINORELLO, 2008).

19

3 METODOLOGIA

A fase de desenvolvimento foi dividida em algumas etapas, para facilitar o processo,

onde a primeira etapa foi à modelagem das telas, após veio modelagem dos diagramas de

classe, de casos de uso e de sequência, e por fim a parte de programação, o código em si.

O programa foi desenvolvido utilizando algumas linguagens específicas para a área

da web, como Personal Home Page (PHP), Hyper Text Markup Language (HTML),

Cascading Style Sheets (CSS), Structured Query Language (SQL) onde o desenvolvimento

tem por base um website, através dele será possível marcar uma consulta sem haver

necessidade de se está telefonando para clínica.

Direto do site a pessoa poderá escolher qual a clínica irá querer fazer a consulta,

acessando a clínica terá acesso aos médicos, aos horários e datas para marcar o atendimento,

onde por meio desses dados poderá marcar o melhor horário para se consultar.

3.1 DIAGRAMA DE CLASSE

De acordo com Guedes (2011, pg. 31), “O diagrama de classe como o próprio nome

diz, define a estrutura das classes utilizadas pelo sistema, determinando os atributos e métodos

que cada classe tem, além de estabelecer como as classes se relacionam e trocam informações

entre si”.

Figura 2 – Diagrama de Classe.


20

Por meio do diagrama da figura 2 é possível identificar todas as classes e seus

atributos, que o sistema possui.

O diagrama de classe é fundamental para o desenvolvimento do sistema, é por meio

dele que é possível entender como irão funcionar todas as associações estabelecidas entre as

classes.

3.2 DIAGRAMA DE CASOS DE USO

De acordo com Guedes (2011, p. 30), “O diagrama de casos de uso é utilizado

normalmente nas fases de levantamento e análise de requisitos do sistema, embora venha a ser

consultado durante todo o processo de modelagem e possa servir de base para outros

diagramas”.

Figura 3 – Diagrama de Caso de Uso.


Esse diagrama serve para identificar os autores e as suas funções dentro do sistema

de acordo com a figura 3. Onde, o autor paciente é responsável por descrever o papel do

paciente na aplicação, armazenando informações básicas como login, senha e telefone entre

outras para que possa marcar sua consulta e o autor funcionário descreve o papel do

funcionário, cadastrando a clínica e os médicos e visualizando as consultas.

TORRES, 2016

21

3.2.1 Autores

Como podemos ver na figura 3 cada autor possui diferentes funções sendo:

A) Paciente:

Realizar um cadastro - O paciente terá que realizar um cadastro no site,

para poder ter acesso ao sistema, nesse cadastro ele criará um login e uma

senha para ter acesso;

Fazer o login - Utilizando o login e senha criados no momento do

cadastro, o paciente terá acesso à parte de marcar a consulta;

Marcar a consulta - Nessa parte o paciente entrará com alguns dados que

devem ser preenchidos para que possa marcar a consulta;

Consulta Agendada - O paciente poderá ver quais consultas possui

agendada no sistema;

Realizar consulta - Por fim, com todos os processos realizados o paciente

poderá realizar a consulta na data marcada.

B) Funcionário:

Login - O funcionário será cadastrado pelo administrador do site, com

esse cadastro realizado o funcionário terá que cadastrar a clínica para a

qual trabalha;

Cadastro Clínica - Estando no sistema, o funcionário deverá realizar o

cadastro da clínica, preenchendo alguns atributos necessários sobre a

clínica;

Consulta Agendada - O funcionário terá acesso às consultas que estão

marcadas, podendo visualizá-las. Assim vai saber para qual médico

possui consulta marcada e seus horários.

22

C) Médico:

Não tem acesso ao sistema, sua única função vai ser a realização da

consulta na data marcada pelo paciente.

Por meio desse diagrama é possível entender um pouco como os autores se

relacionam e quais as suas funções dentro do sistema, desde o cadastro a realização da

consulta.

3.3 DIAGRAMA DE SEQUÊNCIA

De acordo com Guedes (2011, p. 33), “O diagrama de sequência é um diagrama

comportamental que preocupa-se com a ordem temporal em que as mensagens são trocadas

entre os objetos envolvidos em um determinado processo”

Através do diagrama de sequência, como mostra a figura 4, será possível ver e

entender o funcionamento do sistema, mostrando a sequência de atividades realizadas por

cada um dos autores que iram utilizar o sistema, o funcionário e o paciente. (GUEDES, 2011).

Figura 4 - Diagrama de Sequência.


23

Como é possível observar na figura 4, é necessário que o paciente realize o login

para ter acesso ao sistema, por meio desse login será possível fazer todo o processo para

marcar a consulta. Para que seja criado um login para o paciente é preciso que o mesmo entre

com alguns dados pessoais, e esses dados serão armazenados em um banco de dados junto

com seu histórico de consultas marcadas, onde no histórico conterá a clínica, o médico, e o

horário que foi marcada a consulta, após realizar o cadastro o paciente fará o login onde terá

acesso ao sistema.

3.3.1 Paciente

O paciente é o principal autor, pois é por causa dele que o sistema irá ter

funcionalidade, seria o nosso cliente, onde nos tópicos seguintes serão abordadas as funções

que o paciente possui dentro do sistema, e todo o processo que ele poderá realizar como

mostra a figura 4.

3.3.1.1 Login

O Paciente vai fazer o login no site, assim ele poderá ter acesso ao sistema, para que

possa marcar a consulta.

3.3.1.2 Marcar consulta

Onde primeiro o paciente irá selecionar uma clínica desejada, após isso irá selecionar

o médico que deseja ser atendido de acordo com suas respectivas áreas, após a escolha do

médico, o paciente vai poder escolher a data e o horário que deseja se consultar, e selecionar o

plano de saúde, caso tenha. Feito isso ele irá finalizar o processo, onde depois de finalizado

esses dados são armazenados no DB e serão utilizados pelas atendentes para manter o

controle dos atendimentos.

3.3.1.3 Visualizar consulta

Após marcar a consulta, o paciente poderá visualizar as consultas que ele possui

marcadas, para que possa consultar a data e o horário para que não perca a consulta.

24

3.3.2 Funcionário

O funcionário é responsável por conferir as consultas marcadas, para ter um controle

das consultas e saber quantas consultas possuem e para quais médicos. Onde abaixo será

possível ter uma compreensão melhor do que o funcionário é responsável dentro do sistema

de acordo com a figura 4.

3.3.2.1 Login

O funcionário receberá um nome de usuário e senha para que possa fazer o seu login

no site dando-lhe acesso ao sistema.

3.3.2.2 Cadastrar clínica

Ao efetuar o login no site, o funcionário poderá realizar o cadastro da clínica onde

trabalha.

3.3.2.3 Cadastrar médico

O cadastro dos médicos que trabalham na clínica será de responsabilidade do

funcionário da clínica também.

3.3.2.4 Visualizar consulta

O funcionário terá acesso às consultas marcadas, para que possa ter controle, e

conhecimento do total de consultas marcadas para cada dia.

O material utilizado foram softwares próprios para programação web, como as

ferramentas: Dreamweaver, Wampserver, entre outras. O trabalho foi todo desenvolvido por

meio de um computador, que foi o principal instrumento utilizado no desenvolvimento, foram

utilizados livros, que serviram de fonte de consulta para a realização do trabalho.

25

4 RESULTADOS

Como conclusão teremos um estudo de caso, para demonstrar como será feito a

utilização do sistema, por parte dos pacientes e dos funcionários.

4.1 PACIENTE

4.1.1 Tela principal

Figura 5 – Tela Principal do Sistema.


Para ter acesso ao site, primeiramente o usuário terá que acessar um

browser/navegador, e nele digitar o endereço do site,

www.consultaonline.com.br, como mostra a figura 5.

Nessa tela o usuário terá acesso direto ao cadastro, como também terá

acesso direto ao login, sem que haja necessidade de passar pela tela do

cadastro.

http://www.consultaonline.com.br/

26

4.1.2 Cadastro paciente

Após acessar o site o usuário poderá realizar seu cadastro, clicando no

botão cadastro na parte para pacientes, quando clicar no botão irá ser

direcionado para uma página, onde deverá preencher todos os campos

para a realização do cadastro, após fazer o preenchimento, ele deverá

finalizar o processo clicando em cadastrar, após isso ele será

redirecionado para pagina de login. Como mostra a figura 6.

Figura 6 – Tela de Cadastro Paciente.


4.1.3 Login

Nessa tela o usuário ira colocar o seu login e a sua senha, que foi criado

no momento do cadastro, ao preencher os campos ele deverá clicar no

botão de login, onde terá acesso a marcar a consulta. Como mostra na

figura 7.

27

Figura 7 – Tela de Login do Paciente.


4.1.4 Marcar consulta

Ao fazer o login, o paciente será direcionado para uma nova tela, onde

nela ele poderá marcar e visualizar suas consultas, para marcar a consulta

ele deverá preencher todos os campos solicitados, ao final clicar no botão

de marcar, onde ele receberá uma mensagem de que a consulta foi

marcada com sucesso. Como mostra a figura 8.

Figura 8 – Tela Marcar Consulta.


28

4.1.5 Visualizar consulta

Para visualizar as consultas agendadas, o sistema possui um botão de

visualizar, que fica na tela do cadastro, clicando nesse botão o usuário

terá acesso as suas consultas marcadas, que aparecem em uma tela no

formato de tabela contendo algumas das informações preenchidas no

processo realizado para marcar a consulta, como exemplo: a clínica o

horário, entre outros. Como mostra a figura 9.

Figura 9 – Tela Visualizar Consulta.


4.2 FUNCIONÁRIO

4.2.1 Tela principal

Para ter acesso ao site, primeiramente o funcionário terá que acessar um

browser/navegador, e nele digitar o endereço do site,

www.consultaonline.com.br, como mostra a figura 5.

http://www.consultaonline.com.br/

29

4.2.2 Login

Para o funcionário poder fazer o login no sistema, na tela principal ele

terá que clicar no botão cadastro clínica, ao fazer isso, ele será

direcionado para a página de login. Como mostra a figura 10.

Figura 10 – Tela Login Funcionário.


4.2.3 Cadastrar clínica/médico

Após ter realizado o login, o funcionário será direcionado para uma

pagina, nessa pagina ele poderá cadastrar a sua clínica e os seus

respectivos médicos, como poderá visualizar as consultas agendas. Para

realizar os cadastros, o funcionário terá que preencher todos os campos

solicitados tanto para clínica, quanto para o médico, após preencher os

dados da clínica, clica no botão cadastrar e após preencher o do médico,

clica no botão de cadastrar, assim poderá cadastrar um de cada vez. Como

mostra a figura 11.

30

Figura 11 – Tela Cadastro Clínica/Médico.


4.2.4 Visualizar consulta

Após o login, o funcionário poderá visualizar as consultas marcadas, por

meio de um botão, visualizar consulta que fica na mesma tela de cadastro

de clínicas e médicos. Clicando nesse botão o funcionário terá acesso às

consultas marcadas para a clínica que trabalha, as consultas aparecem em

uma tela no formato de tabela contendo algumas das informações

preenchidas no processo realizado para marcar a consulta feita pelo

usuário, como exemplo: a clínica o horário, entre outros. Como mostra a

figura 12.

Figura 12 – Tela Visualizar Consulta Funcionário.


31

5 CONCLUSÃO

A principal função do trabalho era a criação de um site para marcar consulta nas

clínicas, sem haver a necessidade de estar ligando, podendo simplesmente acessar o site e

marcar essa consulta com um simples processo, e o objetivo foi alcançado, o sistema possui

as principais funções para desenvolver esse processo em pleno funcionamento.

O layout ficou simples e de fácil entendimento, para ambos os usuários, ele segue

uma sequência lógica e sem muito conteúdo para não haver o desvio de atenção, o que o torna

bom para utilização por meio do site irá facilitar muito o processo de marcar a consulta, já que

não haverá mais perca de tempo com ligações, o que vai facilitar o trabalho dos atendentes,

melhorando o auxilio deles para com os médicos e o usuário poderá utilizar o site mais

facilmente para marcar essa consulta, onde muitas vezes não é possível efetuar a ligação, e

nos dias atuais todos possuem acesso à internet com muita facilidade.

O site pode continuar em desenvolvimento, podendo ser inseridas novas funções e

melhorando o layout. Entre algumas funções novas, fica como sugestão de trabalho futuro,

incluir um botão para que o funcionário possa excluir e incluir consulta dependendo da

necessidade, a inclusão de algumas validações de acesso e preenchimento de campos, e com

relação ao layout é interessante o auxilio de web designer para produzir um layout bom e de

acordo com o conteúdo, já que o desenvolvimento foi realizando apenas por um programador,

não foi possível desenvolver um layout melhor.

Outra sugestão de trabalho futuro é a elaboração de um aplicativo para smartphone, o

que poderá facilitar mais ainda o acesso ao sistema, aumentando o numero de pessoas que o

utilizarão.

E por fim, o sistema alcançou seu objetivo, que era facilitar o processo de marcar

consulta, para que toda a comunidade tenha um acesso fácil e pratico, e que possa ser bem

visto por toda a população e por as clínicas.

32

REFERENCIAS

BLUMER, Fernando Lobo. Fireworks CS3: projetando sites. São Paulo: Atlas, 2008.

COX JUNIOR, Fred. Programando para Web com PHP/MySQL. 2. ed. São Paulo: Atlas,

2001.

GUEDES, Gilleanes T. A. UML 2: uma abordagem prática. 2. ed. São Paulo: Novatec

Editora, 2011.

MANZANO, José Augusto N. G. Interativo: guia prático de orientação e

desenvolvimento. 3. ed. São Paulo: Atlas, 2010.

MINORELLO, Danilo. Adobe Dreamweaver CS3: desenvolva sites por completo. São

Paulo: Atlas, 2008.

MINETTO, Elton Luís. Frameworks para desenvolvimento em PHP. 2007. Disponível em:

. Acesso

em: 12 dez. 2016.

NIEDERAUER, Juliano. Desenvolvendo Websites com PHP. 2. ed. São Paulo: Atlas, 2011.

PEREIRA, Domênico Turim. Flash CS3: desenvolvendo websites. São Paulo: Atlas, 2008.

RODRIGUES, Joel. HTML básico – códigos HTML, 2017. Disponível em: http://www.devmedia.com.br/html-basico-codigos-html/16596>. Acesso em: 12 dez. 2016.

SILVA, Maurício Samy. Construindo sites com CSS e (X)HTML: sites controlados por

folhas de estilo em cascata. São Paulo: Atlas, 2008.

XAVIER, Gley Fabiano Cardoso. Lógica de programação. São Paulo: Atlas, 1999.
http://www.martinsfontespaulista.com.br/anexos/produtos/capitulos/243418.pdf/http://www.devmedia.com.br/html-basico-codigos-html/16596/

faculdade de tecnologia do piauÍ fatepi curso de...

Documents