3.2 Aplicação do cliente
3.2.1 Funcionalidades do cliente
3.2.1.4 Carregamento das localidades e comentários
Essas informações são carregadas de forma indireta, não necessitando nenhuma ação direta do usuário. Para as localidades, a aplicação, assim que renderizada, solicitará do servidor as unidades médicas por meio da rota /api/place/nearby; passando como parâmetro a localização do usuário. Com as localidades carregadas, o carregamento dos comentários de cada casa de saúde será realizado quando o cliente selecionar algum local; estas informações serão provenientes através da rota /api/comment e passará o identificador daquele local para a busca no banco de dados.
33
4 RESULTADOS
Nesta seção serão apresentados os resultados da aplicação final, as telas do sistema em sua versão para computador e também para dispositivos móveis.
A tela inicial da plataforma é visível para todos os usuários, estes estando autenti- cados ou não. Os clientes poderão visualizar as unidades médicas, que se encontram como marcadores no mapa; possuindo um contador da soma geral das filas (Figura 16). Quando selecionado uma localidade (Figura 17), um card é mostrado com as informações daquela unidade bem como as filas de cada especialidade, um botão com sugestões de casas de saúde é mostrado do lado de cada especialidade e mais abaixo os comentários daquele local. Esta tela também possui uma opção para autenticação (canto superior direito); também possui um botão para re-centralizar o mapa para localização do usuário (canto inferior direito), acima deste botão, quando há um checkin ativo, mostra-se uma opção de checkout manual.
Figura 16 – Tela: início da aplicação
(a) Desktop
6 10 3 1
Map data ©2019 GoogleTerms of Use
SIGN IN (b) Mobile 6 10 3 1
Map data ©2019 GoogleTerms of Use
SIGN IN
Fonte – Elaborado pelo autor
Após o ato de checkin ocorre a aparição da opção de checkout manual (canto inferior direito) e também o bloqueio de novos checkins (mostrado na Figura 18). Entretanto, pode-se ocorrer erros durante a tentativa de checkin, nos quais estão apresentados na Figura 19, como: usuário não autenticado; não está dentro do raio do local; e, por último, caso o utilizador já apresente um checkin ativo na aplicação. Este último, quando ocorre, alterará a interface de usuário para de checkin ativo.
Capítulo 4. Resultados 34
Figura 17 – Tela: unidade médica selecionada
(a) Desktop
6 3
Map data ©2019 GoogleTerms of Use
SIGN IN
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in! GERAL ORTOPEDIA OUTRO
2 1
(b) Mobile
6 3
Map data ©2019 GoogleTerms of Use
SIGN IN
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in! GERAL
ORTOPEDIA OUTRO
2 1
Fonte – Elaborado pelo autor
Figura 18 – Tela: checkin realizado
(a) Desktop
6 4
Map data ©2019 GoogleTerms of Use
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO
3 1 (b) Mobile 6 10 4 6 10 4
Map data ©2019 GoogleTerms of Use
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO
3 1
Fonte – Elaborado pelo autor
A ação de comentar é apresentada na Figura 20, assim como seus possíveis erros na Figura 21. A visualização dos comentários ocorre com o clique no botão de chat, no qual pode apresentar um contador de avaliações daquele local, e estes são ordenados do mais recente para o mais antigo.
Capítulo 4. Resultados 35
Figura 19 – Tela: possíveis erros do checkin
(a) Autenticação
6
3
Map data ©2019 Google Terms of Use
SIGN IN
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO
2 1
Please sign in to check in! ✖
(b) Não está próximo
10
Map data ©2019 Google Terms of Use Hospital de Olhos do Rio Grande do Norte Ltda
Rua Mossoró, 615 - Petrópolis, Natal Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO 6 3 1
Please be near place to check in! ✖
(c) Checkin ativo
6 10
4
Map data ©2019 Google Terms of Use Hospital Gastroprocto
Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in! GERAL
ORTOPEDIA OUTRO
3 1
Ops! It seems that you already have an active checkin!✖
Fonte – Elaborado pelo autor
uma opção de realizar a saída da aplicação; além disso mostra as sugestões de unidades médicas por especialidade em ordem ascendente das suas filas.
Com a plataforma desenvolvida percebe-se que é possível a visualização de hospitais e clínicas médicas nas proximidades do paciente, juntamente com uma estimativa de pessoas nas localidades específicas. Dessa forma, o usuário pode embasar nessas informações para avaliar e decidir qual casa de saúde o melhor atende.
Capítulo 4. Resultados 36
Figura 20 – Tela: comentário realizado
(a) Desktop
6 10
4
Map data ©2019 GoogleTerms of Use
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO
Comentário
Atendimento muito rápido!
arthurvds 3 1 1 (b) Mobile 6 10 4
Map data ©2019 GoogleTerms of Use
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in!
GERAL ORTOPEDIA OUTRO
Comentário
Atendimento muito rápido!
arthurvds
3 1
1
Fonte – Elaborado pelo autor
Figura 21 – Tela: possíveis erros do comentário
(a) Autenticação
6 3
Map data ©2019 Google Terms of Use
SIGN IN
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in! GERAL
ORTOPEDIA OUTRO
Atendimento muito rápido!
2 1
Please sign in to comment! ✖
(b) Não está próximo
10
Map data ©2019 GoogleTerms of Use
Hospital de Olhos do Rio Grande do Norte Ltda
Rua Mossoró, 615 - Petrópolis, Natal
Escolha sua especialidade e faça seu check-in! GERAL
ORTOPEDIA OUTRO
O atendimento está rápido!
6 3 1
Please be near place to comment! ✖
Capítulo 4. Resultados 37
Figura 22 – Tela: outros recursos
(a) Informações do usuário e lo- gout
6 10
4
Map data ©2019 Google Terms of Use
arthurvds [email protected]
(b) Sugestões de localidades por especialidade
6 3
Map data ©2019 GoogleTerms of Use
Hospital Gastroprocto Rua Apodi, 596 - Tirol, Natal
Escolha sua especialidade e faça seu check-in! GERAL
ORTOPEDIA OUTRO
2 1
Suggestions for Geral
Clínica TCC...
Geral - 0
Shopping clinic...
Geral - 0
Hospital Unimed Nata...
Geral - 0
Matern. Mun. Dr. Ara...
38
5 CONCLUSÃO
Neste trabalho foi proposto e desenvolvida uma plataforma web colaborativa voltada à área médica, com o intuito de reduzir as filas nas unidades de saúde próximas ao utilizador. Por meio de tecnologias recentes no desenvolvimento web foi possível a criação de tal aplicação, a qual reage a eventos e requisições HTTP em tempo real.
No decorrer do desenvolvimento, foram encontradas algumas dificuldades, tais como a modelagem do banco de dados para aplicação poder escalar e também a aquisição de dados para trabalhos futuros. Além disso, a aplicação apresenta limitações no quesito da comunicação via WebSockets, visto que todo evento emitido pelo servidor é validado no cliente para saber de qual localidade pertence aquele dado.
Ademais, as especialidades médicas de cada localidade foram classificadas em apenas três categorias: geral, ortopedia e outros. Além disso, a criação das localidades foi confiada a partir de um filtro, do tipo Hospital, na Places API do Google Maps e com isso nem sempre retornam espaços que se adaptam a plataforma.
Apesar dessas limitações, os objetivos da proposta foram alcançados. Como trabalhos futuros planeja-se a criação de um sistema de recomendação aprimorado baseado na distância do usuário às unidades médicas, no tempo de estadia de usuários anteriores e das avaliações, recorrendo a técnicas de análise de dados e aprendizado de máquina. Como também uma melhora no design da aplicação e uma possível integração com os sistemas das clínicas e hospitais para uma melhor estimativa de pessoas em filas daquele local.
39
REFERÊNCIAS
ARRACHEQUESNE, D. What Socket.IO is and is not. 2019.https://socket.io/docs/. Acessado em: 09 de Outubro de 2019. 20
AUTH0. Introduction to JSON Web Tokens. 2019. https://jwt.io/introduction/. Acessado em: 08 de Outubro de 2019. 18
CROCKFORD, D. Introducing JSON. 2019. https://www.json.org/. Acessado em: 08 de Outubro de 2019. 19
ERKKILä, J.-P. Websocket security analysis. 2012. 20
EXPRESS. Express: Fast, unopinionated, minimalist web framework for Node.js. 2019.
https://expressjs.com/. Acessado em: 07 de Outubro de 2019. 17
FACEBOOK. Flux Concepts. 2019.https://github.com/facebook/flux/tree/master/
examples/flux-concepts. Acessado em: 05 de Outubro de 2019. 16
HAVERBEKE, M. Eloquent JavaScript. 3. ed. London: No Starch Press, 2018. 12
JAMES, O. Basic Web Pages. 2019.https://internetingishard.com/html-and-css/
basic-web-pages/. Acessado em: 03 de Outubro de 2019. 14
JAMES, O. CSS Selectors. 2019. https://internetingishard.com/html-and-css/
css-selectors/. Acessado em: 03 de Outubro de 2019. 15
KERRISK, M. The Linux Programming Interface: A Linux and UNIX System
Programming Handbook. 1. ed. New Zealand: No Starch Press, 2010. 19
MARIN, H. d. F. Sistemas de informação em saúde: considerações gerais. 2010. 10 MICROSOFT. Dados não relacionais e NoSQL. 2019.https://docs.microsoft.com/
pt-br/azure/architecture/data-guide/big-data/non-relational-data. Acessado
em: 08 de Outubro de 2019. 19
MONGODB. What Is MongoDB? 2019.https://www.mongodb.com/what-is-mongodb. Acessado em: 08 de Outubro de 2019. 19
MORRIS, S. What is ReactJS? 2019. https://skillcrush.com/2019/05/14/
what-is-react-js/. Acessado em: 04 de Outubro de 2019. 15
MOZILLA. HTML basics. 2019.https://developer.mozilla.org/en-US/docs/Learn/
Getting_started_with_the_web/HTML_basics. Acessado em: 03 de Outubro de 2019.
14
MOZILLA. An overview of HTTP. 2019. https://developer.mozilla.org/en-US/
docs/Web/HTTP/Overview. Acessado em: 08 de Outubro de 2019. 17
NODE. About Node.js. 2019. https://nodejs.org/en/about/. Acessado em: 01 de Outubro de 2019. 12
Referências 40
NODE. The Node.js Event Loop, Timers, and process.nextTick(). 2019. https:
//nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/. Acessado em: 01
de Outubro de 2019. 13
OLIVEIRA, S. et al. Unidade de pronto atendimento – upa 24h: Percepção da enfermagem. 2015. 10
PIRES, J. O que é API? REST e RESTful? Conheça as definições e diferenças! 2019.
https://becode.com.br/o-que-e-api-rest-e-restful/. Acessado em: 07 de Outubro
de 2019. 16, 17
REACT. React: A JavaScript Library for building user interfaces. 2019. https:
//reactjs.org. Acessado em: 04 de Outubro de 2019. 15
REDUX. Redux: A predictable state container for JavaScript apps. 2019. https:
//redux.js.org/. Acessado em: 05 de Outubro de 2019. 15
ROSSI, G. et al. Web Engineering: Modelling and Implementing Web Applications. 1. ed. London: Springer-Verlag, 2008. 10
SHKLAR, L.; ROSEN, R. Web Application Architecture: Principles, Protocols and
Practices. 2. ed. London: Wiley, 2009. 17
SK. A Beginners Guide To Cron Jobs. 2019. https://www.ostechnix.com/
a-beginners-guide-to-cron-jobs/. Acessado em: 08 de Outubro de 2019. 17
SKIPLINO. Skiplino. 2019. https://skiplino.com/. Acessado em: 02 de Dezembro de 2019. 10
TEMFILA. Tem Fila? 2019. http://www.temfila.com.br/. Acessado em: 02 de Dezembro de 2019. 10
VELOSO, T. Gestão de filas de espera no Serviço de Urgência. 2019. http: