Cílem bakalářské práce je navrhnout a vytvořit aplikaci pro boj se syndromem vyhoření. Hlavním konceptem je propojení lidí procházejících si syndromem vyhoření s dobrovolníky, kteří mají s tímto problémem zkušenost a s profesionálními terapeuty. Aplikace nabídne vstupní test, který uživateli předá informaci o jeho psychickém stavu. Po vykonání testu si uživatel může vytvořit účet, který mu poskytne možnost s terapeuty či dobrovolníky komunikovat. Dále pro uživatele budou dostupné další funkce jako je denní dotazník či odborné materiály ve formě článků, které bude možné filtrovat tak, aby se uživateli zobrazovali pouze články relevantní k výsledku vstupního testu. Teoretická část se bude zabývat popisem progresivních webových aplikací a technologií využitých k implementaci aplikace. Praktická část bude obsahovat souhrn funkčních a nefunkčních požadavků, které by aplikace měla splňovat, návrh informační architektury a navazujících drátěných modelů (wireframes), popis datového modelu, diagram případů užití a s ním spjaté uživatelské scénáře. Text práce se dále bude věnovat struktuře aplikace a databáze a důležitým částem implementace, kde budou popsány jednotlivé části aplikace a jejich provedení na straně klienta a serveru. Nakonec bude popsáno základní zabezpečení aplikace a nasazení na server.
Anotace v angličtině
The aim of the bachelor thesis is to design and create an application to fight burnout. The main concept is to connect people with burnout with volunteers who have experience with this problem and with professional therapists. The application offers an entrance test, which provides the user with information about his mental state. After taking the test, the user can create an account that gives him the opportunity to communicate with therapists or volunteers. In addition, other functions will be available for users, such as a daily questionnaire or professional materials in the form of articles, which will be possible to filter so that only articles relevant to the result of the entrance test are displayed to the user. The theoretical part will deal with the description of progressive web applications and technologies used to implement the application. The practical part will contain a summary of functional and non-functional requirements that the application should meet, design of information architecture and related wireframes, description of the data model, use case diagram and associated user scenarios. The text of the thesis will also focus on the structure of the application and database and important parts of the implementation, where the individual parts of the application and their implementation on the client and server side will be described. Finally, the basic security of the application and deployment to the server will be described.
progressive web application, web technologies, Next.js, GraphQL, burnout syndrome
Rozsah průvodní práce
113
Jazyk
CZ
Anotace
Cílem bakalářské práce je navrhnout a vytvořit aplikaci pro boj se syndromem vyhoření. Hlavním konceptem je propojení lidí procházejících si syndromem vyhoření s dobrovolníky, kteří mají s tímto problémem zkušenost a s profesionálními terapeuty. Aplikace nabídne vstupní test, který uživateli předá informaci o jeho psychickém stavu. Po vykonání testu si uživatel může vytvořit účet, který mu poskytne možnost s terapeuty či dobrovolníky komunikovat. Dále pro uživatele budou dostupné další funkce jako je denní dotazník či odborné materiály ve formě článků, které bude možné filtrovat tak, aby se uživateli zobrazovali pouze články relevantní k výsledku vstupního testu. Teoretická část se bude zabývat popisem progresivních webových aplikací a technologií využitých k implementaci aplikace. Praktická část bude obsahovat souhrn funkčních a nefunkčních požadavků, které by aplikace měla splňovat, návrh informační architektury a navazujících drátěných modelů (wireframes), popis datového modelu, diagram případů užití a s ním spjaté uživatelské scénáře. Text práce se dále bude věnovat struktuře aplikace a databáze a důležitým částem implementace, kde budou popsány jednotlivé části aplikace a jejich provedení na straně klienta a serveru. Nakonec bude popsáno základní zabezpečení aplikace a nasazení na server.
Anotace v angličtině
The aim of the bachelor thesis is to design and create an application to fight burnout. The main concept is to connect people with burnout with volunteers who have experience with this problem and with professional therapists. The application offers an entrance test, which provides the user with information about his mental state. After taking the test, the user can create an account that gives him the opportunity to communicate with therapists or volunteers. In addition, other functions will be available for users, such as a daily questionnaire or professional materials in the form of articles, which will be possible to filter so that only articles relevant to the result of the entrance test are displayed to the user. The theoretical part will deal with the description of progressive web applications and technologies used to implement the application. The practical part will contain a summary of functional and non-functional requirements that the application should meet, design of information architecture and related wireframes, description of the data model, use case diagram and associated user scenarios. The text of the thesis will also focus on the structure of the application and database and important parts of the implementation, where the individual parts of the application and their implementation on the client and server side will be described. Finally, the basic security of the application and deployment to the server will be described.
progressive web application, web technologies, Next.js, GraphQL, burnout syndrome
Zásady pro vypracování
V teoretické části nastudujte a popište webové technologie, které budou využity k praktické implementaci aplikace.
Definujte funkční a nefunkční požadavky na webovou aplikaci pro boj se syndromem vyhoření.
Navrhněte informační architekturu (Wireframes) webové aplikace a popište datový model a uživatelské scénáře.
Popište strukturu vytvořené aplikace, strukturu databáze, důležité části implementace a zejména způsob nasazení standardu PWA (Progressive Web Apps).
Věnujte se nasazení aplikace na produkční server a základnímu zabezpečení.
Zásady pro vypracování
V teoretické části nastudujte a popište webové technologie, které budou využity k praktické implementaci aplikace.
Definujte funkční a nefunkční požadavky na webovou aplikaci pro boj se syndromem vyhoření.
Navrhněte informační architekturu (Wireframes) webové aplikace a popište datový model a uživatelské scénáře.
Popište strukturu vytvořené aplikace, strukturu databáze, důležité části implementace a zejména způsob nasazení standardu PWA (Progressive Web Apps).
Věnujte se nasazení aplikace na produkční server a základnímu zabezpečení.
Seznam doporučené literatury
Getting Started. React – A JavaScript library for building user interfaces [online]. c2021 [cit. 2021-11-21]. Dostupné z: https://reactjs.org/docs/getting-started.html
Introduction to Apollo Client - Client (React) - Apollo GraphQL Docs. Apollo GraphQL [online]. [cit. 2021-11-21]. Dostupné z: https://www.apollographql.com/docs/react/
MongoDB Documentation. MongoDB: the application data platform | MongoDB [online]. c2021 [cit. 2021-11-21]. Dostupné z: https://docs.mongodb.com/
CASCIARO, Mario a Luciano MAMMINO. Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques. Third Edition. Birmingham, United Kingdom: Packt Publishing, 2020. ISBN 9781839214110.
MICHÁLEK, Martin. Vzhůru do (responzivního) webdesignu. Verze 1.1. Praha: vlastním nákladem autora, 2017. ISBN 978-80-88253-00-6.
SHEPPARD, Dennis. Beginning Progressive Web App Development: Creating a Native App Experience on the Web. Verze 1.1. Berkeley, CA: Apress, 2017. ISBN 978-148-4230-893.
FOWLER, Martin. Destilované UML. Praha: Grada, 2009. Knihovna programátora (Grada). ISBN 978-80-247-2062-3.
Seznam doporučené literatury
Getting Started. React – A JavaScript library for building user interfaces [online]. c2021 [cit. 2021-11-21]. Dostupné z: https://reactjs.org/docs/getting-started.html
Introduction to Apollo Client - Client (React) - Apollo GraphQL Docs. Apollo GraphQL [online]. [cit. 2021-11-21]. Dostupné z: https://www.apollographql.com/docs/react/
MongoDB Documentation. MongoDB: the application data platform | MongoDB [online]. c2021 [cit. 2021-11-21]. Dostupné z: https://docs.mongodb.com/
CASCIARO, Mario a Luciano MAMMINO. Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques. Third Edition. Birmingham, United Kingdom: Packt Publishing, 2020. ISBN 9781839214110.
MICHÁLEK, Martin. Vzhůru do (responzivního) webdesignu. Verze 1.1. Praha: vlastním nákladem autora, 2017. ISBN 978-80-88253-00-6.
SHEPPARD, Dennis. Beginning Progressive Web App Development: Creating a Native App Experience on the Web. Verze 1.1. Berkeley, CA: Apress, 2017. ISBN 978-148-4230-893.
FOWLER, Martin. Destilované UML. Praha: Grada, 2009. Knihovna programátora (Grada). ISBN 978-80-247-2062-3.
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student v prezentaci seznámil komisi s výsledky své bakalářské práce. Po přečtení posudků vedoucího a oponenta následovala diskuze, ve které byly položeny následující dotazy:
doc Kotyrba:
- Je aplikace už na hostingu?
- Jaká byla motivace pro vývoj aplikace?
- Pracoval s webem někdo, kdo si syndromem prošel?
dr. Král:
- Máte někde uvedenou URL adresu webu?
Student na položené dotazy odpověděl a reagoval pohotově.