Empreu aquest identificador per citar o enllaçar aquest ítem: http://elartu.tntu.edu.ua/handle/lib/53109
Registre complet de metadades
Camp DCValorLengua/Idioma
dc.contributor.advisorДмитроца, Леся Павлівна-
dc.contributor.advisorDmytrotsa, Lesia-
dc.contributor.authorДубчак, Лілія Іванівна-
dc.contributor.authorDubchak, Liliia-
dc.date.accessioned2026-07-03T08:52:45Z-
dc.date.available2026-07-03T08:52:45Z-
dc.date.issued2026-06-22-
dc.date.submitted2026-06-08-
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/53109-
dc.descriptionРоботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 22.06.2026р. на засіданні екзаменаційної комісії №35 у Тернопільському національному технічному університеті імені Івана Пулюяuk_UA
dc.description.abstractКваліфікаційна робота присвячена розробці вебзастосунку для моніторингу та аналізу якості сну користувачів «SleepHelper». У першому розділі кваліфікаційної роботи описано теоретичні аспекти моніторингу сну та сучасні підходи до створення вебзастосунків для збору й аналізу даних. Висвітлено особливості використання сучасних вебтехнологій для розробки клієнтських і серверних частин програмних систем. Розглянуто можливості фреймворків React, Angular та бібліотеки React для створення користувацьких інтерфейсів. Проаналізовано сучасні технології та інструменти веброзробки. У другому розділі кваліфікаційної роботи виконано проєктування вебзастосунку «SleepHelper». Досліджено архітектуру системи, структуру бази даних та принципи взаємодії між компонентами. Подано структуру REST API, схеми взаємодії клієнтської та серверної частин, а також логіку роботи основних функціональних модулів. У третьому розділі кваліфікаційної роботи описано процес програмної реалізації вебзастосунку. Проаналізовано особливості розробки серверної частини на FastAPI та клієнтської частини на React і TypeScript. Проведено тестування функціональності системи та оцінено відповідність реалізованого програмного забезпечення поставленим вимогам.uk_UA
dc.description.abstractThe qualification thesis is devoted to the development of the SleepHelper web application for monitoring and analyzing users' sleep quality. The first chapter of the qualification thesis describes the theoretical aspects of sleep monitoring and modern approaches to the development of web applications for data collection and analysis. The features of using modern web technologies for developing client-side and server-side software systems are highlighted. The capabilities of React, Angular, and modern web development tools are considered. Current technologies and approaches to web application development are analyzed. The second chapter of the qualification thesis focuses on the design of the SleepHelper web application. The system architecture, database structure, and principles of interaction between software components are investigated. The structure of the REST API, client-server interaction schemes, and the logic of the main functional modules are presented. The third chapter of the qualification thesis describes the implementation process of the web application. The features of developing the server side using FastAPI and the client side using React and TypeScript are analyzed. Functional testing of the system is carried out, and the compliance of the developed software with the specified requirements is evaluated.uk_UA
dc.description.tableofcontentsВступ 8 РОЗДІЛ 1. Аналіз предметної області та ВИЗНАЧЕННЯ ВИМОГ ДО ВЕБСАЙТУ “sleephelper” 10 1.1 Актуальність контролю якості сну та покращення відпочинку 10 1.2 Огляд сучасних підходів до аналізу та покращення відпочинку 15 1.3 Порівняльний аналіз існуючих програмних рішень для трекінгу сну 21 1.3.1 Дослідження функціональних можливостей Sleep Cycle 21 1.3.2 Аналіз застосунку BetterSleep 23 1.3.3 Функціональні можливості SleepScore 25 1.3.4 Аналіз застосунку Sleep Monitor 27 1.3.5 Визначення переваг та недоліків аналогів для формування концепції власного рішення 28 1.4 Функціональні та нефункціональні вимоги до вебсайту 29 1.5 Постановка задачі на розробку системи 31 1.6 Висновок до першого розділу 32 РОЗДІЛ 2. ОБґРУНТУВАННЯ ТЕХНОЛОГІЧНОГО СТЕКУ ТА ПРОЄКТУВАННЯ СИСТЕМИ 33 2.1 Вибір та обґрунтування технологій для фронтенду 33 2.1.1 Порівняння React з іншими сучасними UI-фреймворками 33 2.1.2 Переваги використання TypeScript для надійності інтерфейсу 37 2.2 Вибір технологій для бекенду та бази даних 38 2.2.1 Переваги фреймворку FastAPI для розробки асинхронних вебсервісів 39 2.2.2 Вибір NoSQL СУБД MongoDB та використання асинхронного драйвера Motor 41 2.3 Проєктування структури бази даних 45 2.3.1 Структура документів для щоденника сну 45 2.3.2 Організація збереження статистики 46 2.4 Проєктування REST API та взаємодії компонентів 47 2.4.1 Едпоінти для аутентифікації та облікових записів 49 2.4.2 Маршрути API для керування записами щоденника 50 2.4.3 Запити для отримання аналітичних даних 51 2.5 Архітектура вебзастосунку та структура інтерфейсу 52 2.5.1 Схема взаємодії клієнтської та серверної частин 53 2.5.2 Карта екранів та логіка навігації сайту 55 2.6 Висновки до другого розділу 56 РОЗДІЛ 3. Програмна реалізація та тестування вебсайту 57 3.1 Створення серверної частини на FastAPI 57 3.2 Реалізація системи реєстрації та автоматизації користувачів 59 3.3 Розробка модулів збереження та обробки даних про сон 61 3.4 Реалізація клієнтської частини на React та TypeScript 65 3.4.1 Головна сторінка (Інформаційна панель користувача) 67 3.4.2 Сторінки входу та реєстрації в системі 68 3.4.3 Інтерактивний щоденник сну 69 3.4.4 Калькулятор часу відпочинку та пробудження 73 3.4.5 Зона релаксації та рекомендацій 75 3.4.6 Модуль візуалізації статистики та графіків 78 3.5 Тестування функціональності вебсайту 79 3.6 Аналіз результатів розробки та оцінка відповідності вимогам 81 3.7 Висновок до третього розділу 83 РОЗДІЛ 4. Безпека життєдіяльності, основи Охорони праці 84 4.1 Соціальні та психологічні фактори ризику з комп’ютером 84 4.2 Загальні вимоги до безпеки з охорони праці для користувачів персональних комп’ютерів 85 4.3 Висновок до четвертого розділу 88 Висновки 90 Перелік джерел 92 ДОДАТКИuk_UA
dc.format.extent94-
dc.language.isoukuk_UA
dc.publisherТернопільський національний технічний університет імені ім. І. Пулюяuk_UA
dc.subject126uk_UA
dc.subjectінформаційні системи та технологіїuk_UA
dc.subjectвебзастосунокuk_UA
dc.subjectсонuk_UA
dc.subjectмоніторинг снуuk_UA
dc.subjectстатистика снуuk_UA
dc.subjectweb applicationuk_UA
dc.subjectsleepuk_UA
dc.subjectsleep monitoringuk_UA
dc.subjectreactuk_UA
dc.subjecttypescriptuk_UA
dc.subjectfastapiuk_UA
dc.subjectmongodbuk_UA
dc.subjectsleep statisticsuk_UA
dc.titleРозробка вебсайту "SleepHelper" з використанням React та Python FastAPIuk_UA
dc.title.alternativeDevelopment of the "SleepHelper" Website Using React and Python FastAPIuk_UA
dc.typeBachelor Thesisuk_UA
dc.rights.holder© Дубчак Лілія Іванівна, 2026uk_UA
dc.coverage.placenameТернопільuk_UA
dc.subject.udc004.42uk_UA
dc.relation.references1. Healthy Sleep Also called: Sleep Hygiene. URL: https://medlineplus.gov/healthysleep.html?utm_source(дата звернення: 27.01.2026).uk_UA
dc.relation.references2. The daily recommended hours of sleep you need changes as you age. URL: https://www.cdc.gov/sleep/about/index.html?utm_source(дата звернення: 28.01.2026).uk_UA
dc.relation.references3. Stages of Sleep: What Happens in a Normal Sleep Cycle. URL: https://www.sleepfoundation.org/stages-of-sleep?utm_source(дата звернення: 1.02.2026).uk_UA
dc.relation.references4. 10 Tips for a Better Night’s Sleep. URL: https://www.thensf.org/sleep-tips/?utm_source (дата звернення: 3.02.2026).uk_UA
dc.relation.references5. Веб-додаток проти веб-сайту: розкриття переваг кожного рішення. URL: https://pnn.com.ua/ua/blog/detail/web-application-vs-website-uncovering-benefits-of-each-solution (дата звернення: 4.02.2026).uk_UA
dc.relation.references6. Мобільна версія: переваги, недоліки, особливості. URL: https://webakula.ua/uk/blog/mobilna-versiya-perevagi-nedoliki-osoblivosti(дата звернення: 6.02.2026).uk_UA
dc.relation.references7. Безпека. URL: https://fastapi.tiangolo.com/tutorial/security/(дата звернення: 16.02.2026 ).uk_UA
dc.relation.references8. Створення інтерфейсів користувача з компонентів REACT. URL https://react.dev/ (дата звернення: 18.02.2026 ).uk_UA
dc.relation.references9. Sleep Cycle. URL: https://sleepcycle.com/(дата звернення: 22.02.2026).uk_UA
dc.relation.references10. BetterSleep. URL:https://www.bettersleep.com/?utm_source(дата звернення: 24.02.2026 ).uk_UA
dc.relation.references11. SleepScore. URL: https://www.sleep.ai/sleepscore/?utm_source (дата звернення: 26.02.2026 ).uk_UA
dc.relation.references12. Sleep Monitor (посилання на завантаження додатку). URL: https://apps.apple.com/ru/app/sleep-monitor-sleep-tracker/id1510325113?l=uk (дата звернення: 28.02.2026 ).uk_UA
dc.relation.references13. What is Usability Evaluation. URL: https://ixdf.org/literature/topics/usability-evaluation?utm_source (дата звернення: 1.03.2026 ).uk_UA
dc.relation.references14. What is Software Requirement Specification. URL: https://www.browserstack.com/guide/software-requirement-specification?utm_source (дата звернення: 3.03.2026 ).uk_UA
dc.relation.references15. Розробка з боку Front end – що це таке і чим відрізняється від Back end. URL: https://dan-it.com.ua/uk/blog/rozrobka-z-boku-front-end-shho-ce-take-i-chim-vidriznjaietsja-vid-back-end/ (дата звернення: 3.03.2026 ).uk_UA
dc.relation.references16. React. The library for web and native user interfaces . URL: https://react.dev/?utm_source (дата звернення: 5.03.2026 ).uk_UA
dc.relation.references17. Vue.js.The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. URL: https://vuejs.org/?utm_source (дата звернення: 7.03.2026 ).uk_UA
dc.relation.references18. Want to learn more about Angular. URL: https://angular.dev/?utm_source (дата звернення: 9.03.2026 ).uk_UA
dc.relation.references19. Svelte . Web development for the rest of us. URL: https://svelte.dev/?utm_source (дата звернення: 11.03.2026 ).uk_UA
dc.relation.references20. Що таке Typescript. URL: https://artjoker.ua/tech/web-stack/typescript/ (дата звернення: 13.03.2026 ).uk_UA
dc.relation.references21. Що таке Back-end розробка. URL: https://wezom.com.ua/ua/blog/chto-takoe-back-end-razrabotka (дата звернення: 17.03.2026 ).uk_UA
dc.relation.references22. FastAPI. URL: https://fastapi.tiangolo.com/?utm_source (дата звернення: 18.03.2026 ).uk_UA
dc.relation.references23. Django. URL: https://docs.djangoproject.com/en/6.0/?utm_source (дата звернення: 28.03.2026 ).uk_UA
dc.relation.references24. Flask. URL: https://flask.palletsprojects.com/en/stable/?utm_source (дата звернення: 30.03.2026 ).uk_UA
dc.relation.references25. MongoDB. URL: https://www.mongodb.com/docs/?utm_source (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references26. Motor. URL: https://motor.readthedocs.io/en/stable/?utm_source (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references27. PostgreSQL. URL: https://www.postgresql.org/?utm_source (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references28. MySQL. URL: https://www.mysql.com/?utm_source (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references29. MongoDB. URL: https://uk.wikipedia.org/wiki/MongoDB (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references30. Rect API Tutorial. URL: https://restfulapi.net/?utm_source (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references31. MDN Web Docs. HTTP request methods. URL: https://developer.mozilla.org/enUS/docs/Web/HTTP/Reference/Methods?utm_sourc (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references32. MongoDB. URL: https://www.mongodb.com/docs/manual/tutorial/ (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references33. Басс, Л., Клементс, П., & Казман, Р. (2018). Архітектура програмного забезпечення на практиці.uk_UA
dc.relation.references34. Uvicorn. URL: https://uvicorn.dev/ (дата звернення: 1.04.2026 ).uk_UA
dc.relation.references35. 35 Мельник, А., & Дмитроца, Л. (2026). Методи та архітектурні підходи до автоматизації тестування мобільних і вебзастосунків. Вимірювальна та обчислювальна техніка в технологічних процесах, (2), 74-81.uk_UA
dc.relation.references36. Melnyk, A., Dmytrotsa, L., Palka, O., Vasylenko, Y., & Klymuk, N. (2025). Dynamic test case prioritisation for mobile applications based on real user behaviour data.uk_UA
dc.relation.references37. Андрейчук Н.І., Кіт Ю.В., Шибанов С.В., Шерстньова О.В. Охорона праці. Львів: Видавництво Львівська політехніка, 2021. 276 с.uk_UA
dc.relation.references38. Жидецький В.Ц. Охорона праці користувачів комп'ютерів. Львів: Афіша, 2020. 176 с.uk_UA
dc.relation.references39. НПАОП 0.00-7.15-18 Вимоги щодо безпеки та захисту здоров'я працівників під час роботи з екранними пристроями.uk_UA
dc.contributor.affiliationТернопільський національний технічний університет імені ім. І. Пулюяuk_UA
dc.coverage.countryUAuk_UA
dc.identifier.citation2015Дубчак Л. І. Розробка вебсайту "SleepHelper" з використанням React та Python FastAPI : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 126 - інформаційні системи та технології / наук. кер. Л. П. Дмитроца. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 94 с.uk_UA
Apareix a les col·leccions:126 — Інформаційні системи та технології (бакалаври)

Arxius per aquest ítem:
Arxiu Descripció MidaFormat 
2026_KRB_ST-41_Dubchak_LI.pdfДипломна робота3,34 MBAdobe PDFVeure/Obrir


Els ítems de DSpace es troben protegits per copyright, amb tots els drets reservats, sempre i quan no s’indiqui el contrari.

Eines d'Administrador