User interface for Next Generation of RES-Q Registry

Bc. Marek Matušica

Bachelor's thesis

Abstract:

V posledných rokoch bol náš zdravotnícky systém ťažko testovaný; je pravdepodobné, že bude testovaný ešte mnohokrát. Nespočetne veľa ľudí trpelo, ale ako spoločnosť sme z tejto krízy vyšli silnejší ako kedykoľvek predtým. Preto možnosť priložiť ruku k dielu a pomôcť pre mňa znamenala perfektný cieľ mojej bakalárskej práce. Spolupracoval som na medzinárodnom projekte zameranom na registráciu starostlivosti o pacientov po mŕtvici, rovnako známom ako RES-Q. Požadovaný efekt projektu bola pomoc registrovaným poskytovateľom zlepšiť ich systém zabezpečujúci starostlivosť o pacientov po mŕtvici. Hlavný výsledok projektu bola webová aplikácia. Tá zbierala údaje o zdravotnej starostlivosti súvisiacej s mozgovými príhodami , spracovávala ich, vyhodnocovala a poskytovala analýzu a spätnú väzbu. Poskytovatelia zdravotnej starostlivosti spolupracujúci na danom projekte dostali ceny podľa ich výsledkov v rámci projektu. Následne ich mohli ukazovať na znak ich profesionality a kvality. Keď som sa pripojil k projektu, stará verzia aplikácia už nejaký čas bežala a nemohla byť ľahko udržovaná alebo rozšíriteľná. Užívateľské rozhranie potrebovalo byť modernizované a prehľadnejšie. Ďalší problém bol, že zbierala iba dáta o mŕtvici. Cieľ projektu bol vyvinúť lepšiu verziu aplikácie s krajším a funkčnejším dizajnom užívateľského rozhrania za pomoci informácií získaných zo starej verzie aplikácie. Nová generácia aplikácie mala byť pripravená na rozšírenie. Musela byť urobená všeobecnejšie, aby mohla byť použitá aj v iných medicínskych oblastiach. Moja konkrétna práca bola časť zameraná na vyhodnotenie. Mnoho užívateľských rolí používalo starú aplikáciu a nová verzia mala obsahovať všetky z nich. Boli tam doktori, ktorí zbierali dáta, lokálni koordinátori, ktorí reprezentovali poskytovateľov a skupinoví koordinátori, ktorí schvaľovali alebo upravovali výsledky vyhodnotenia. Naviac k tomu mali v novej verzii aplikácie prístup k ďalším funkcionalitám. Doktori a lokálni koordinátori mali byť schopní vidieť výsledky a vypýtať si prepočítanie výsledkov. Skupinoví koordinátori mohli vidieť všetky aktuálne návrhy na ocenenia, schváliť ich, upraviť ich a pridať poznámku. K tomu mohli vidieť všetkých už ocenených poskytovateľov. Kvôli ich rôznemu prístupu k funkcionalitám vyhodnotenia, musel som medzi nimi spraviť jednoznačné rozdelenie. Avšak niektoré komponenty užívateľského rozhrania boli použité vo všetkých obrazovkách, ku ktorým pristupovali. Preto som za pomoci najnovších nástrojov ako React a Next.js musel vytvoriť generické komponenty, ktoré mohli byť použité na všetkých obrazovkách bez možnosti neautorizovaného použitia.

Abstract:

In recent years, our healthcare service has been heavily tested; chances are it will be tested many times more. Numerous people have suffered, yet as a society, we have come out of this crisis stronger than ever. Therefore the opportunity to put my bit into the work and help seemed like a perfect goal of my bachelor's thesis. I participated in an international project focused on stroke care quality registration, also known as RES-Q. The desired effect of the project was to help registered providers improve their stroke care system. The project's main result was a web application. It was collecting stroke-related healthcare data, processing and evaluating them, and providing analysis and feedback. Healthcare providers participating in this project received awards based on the results of the project's evaluation. They could display their received awards as proof of their professionality and quality. When I joined the project, the old version of the application had been running for a while, and it couldn't be easily maintained or updated. The user interface needed to be modernized and clarified. Another problem was that it was used only to collect stroke-related data. The project's goal was to develop a better version of the application and create a more stylish and functional user interface design using knowledge gained from the old application in the process. The new generation of the application was supposed to be ready for expansion. It had to be done in a more general way so that it could be used in other medical domains, not just stroke-related one. My particular piece of work was the evaluation part. Many user roles were using the old application, and the new version should have included all of them. There were doctors, who collected the data, local coordinators representing healthcare providers, and group coordinators who could approve or edit the evaluation results. On top of that, they should have been provided with some extra evaluation functionalities in the new version of the application. Doctors and local coordinators should have been able only to see the results and ask for a recalculation. Group coordinators should have been able to see all pending proposals for awards, approve or edit them and make a note. In addition, they should have been able to see all already evaluated providers. Because of their different access to the evaluation functionalities, I had to make a clear separation between them. However, some components of the user interface were used in all the views. Therefore, with the abilities of some of the best design tools and front-end frameworks available, such as React and Next.js, I had to create general components that could be used across all of the views without the possibility of unauthorized use.

Keywords

RES-Q, React, Next.js, Figma, Tailwind

Language used: English

Date on which the thesis was submitted / produced: 18. 5. 2023

Thesis defence

• Date of defence: 27. 6. 2023
• Supervisor: prof. RNDr. Tomáš Pitner, Ph.D.
• Reader: Ing. Lukáš Grolig

Masaryk University

Faculty of Informatics

Bachelor programme / field:
Programming and development / Programming and development