Palun kasuta seda identifikaatorit viitamiseks ja linkimiseks:
http://elartu.tntu.edu.ua/handle/lib/53109| Pealkiri: | Розробка вебсайту "SleepHelper" з використанням React та Python FastAPI |
| Teised pealkirjad: | Development of the "SleepHelper" Website Using React and Python FastAPI |
| Autor: | Дубчак, Лілія Іванівна Dubchak, Liliia |
| Affiliation: | Тернопільський національний технічний університет імені ім. І. Пулюя |
| Bibliographic reference (2015): | Дубчак Л. І. Розробка вебсайту "SleepHelper" з використанням React та Python FastAPI : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 126 - інформаційні системи та технології / наук. кер. Л. П. Дмитроца. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 94 с. |
| Ilmumisaasta: | 22-juu-2026 |
| Submitted date: | 8-juu-2026 |
| Date of entry: | 3-juu-2026 |
| Kirjastaja: | Тернопільський національний технічний університет імені ім. І. Пулюя |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Supervisor: | Дмитроца, Леся Павлівна Dmytrotsa, Lesia |
| UDC: | 004.42 |
| Märksõnad: | 126 інформаційні системи та технології вебзастосунок сон моніторинг сну статистика сну web application sleep sleep monitoring react typescript fastapi mongodb sleep statistics |
| Page range: | 94 |
| Kokkuvõte: | Кваліфікаційна робота присвячена розробці вебзастосунку для моніторингу та аналізу якості сну користувачів «SleepHelper». У першому розділі кваліфікаційної роботи описано теоретичні аспекти моніторингу сну та сучасні підходи до створення вебзастосунків для збору й аналізу даних. Висвітлено особливості використання сучасних вебтехнологій для розробки клієнтських і серверних частин програмних систем. Розглянуто можливості фреймворків React, Angular та бібліотеки React для створення користувацьких інтерфейсів. Проаналізовано сучасні технології та інструменти веброзробки. У другому розділі кваліфікаційної роботи виконано проєктування вебзастосунку «SleepHelper». Досліджено архітектуру системи, структуру бази даних та принципи взаємодії між компонентами. Подано структуру REST API, схеми взаємодії клієнтської та серверної частин, а також логіку роботи основних функціональних модулів. У третьому розділі кваліфікаційної роботи описано процес програмної реалізації вебзастосунку. Проаналізовано особливості розробки серверної частини на FastAPI та клієнтської частини на React і TypeScript. Проведено тестування функціональності системи та оцінено відповідність реалізованого програмного забезпечення поставленим вимогам. The 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. |
| Kirjeldus: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 22.06.2026р. на засіданні екзаменаційної комісії №35 у Тернопільському національному технічному університеті імені Івана Пулюя |
| Content: | Вступ 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 ДОДАТКИ |
| URI: | http://elartu.tntu.edu.ua/handle/lib/53109 |
| Copyright owner: | © Дубчак Лілія Іванівна, 2026 |
| References (Ukraine): | 1. Healthy Sleep Also called: Sleep Hygiene. URL: https://medlineplus.gov/healthysleep.html?utm_source(дата звернення: 27.01.2026). 2. 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). 3. Stages of Sleep: What Happens in a Normal Sleep Cycle. URL: https://www.sleepfoundation.org/stages-of-sleep?utm_source(дата звернення: 1.02.2026). 4. 10 Tips for a Better Night’s Sleep. URL: https://www.thensf.org/sleep-tips/?utm_source (дата звернення: 3.02.2026). 5. Веб-додаток проти веб-сайту: розкриття переваг кожного рішення. URL: https://pnn.com.ua/ua/blog/detail/web-application-vs-website-uncovering-benefits-of-each-solution (дата звернення: 4.02.2026). 6. Мобільна версія: переваги, недоліки, особливості. URL: https://webakula.ua/uk/blog/mobilna-versiya-perevagi-nedoliki-osoblivosti(дата звернення: 6.02.2026). 7. Безпека. URL: https://fastapi.tiangolo.com/tutorial/security/(дата звернення: 16.02.2026 ). 8. Створення інтерфейсів користувача з компонентів REACT. URL https://react.dev/ (дата звернення: 18.02.2026 ). 9. Sleep Cycle. URL: https://sleepcycle.com/(дата звернення: 22.02.2026). 10. BetterSleep. URL:https://www.bettersleep.com/?utm_source(дата звернення: 24.02.2026 ). 11. SleepScore. URL: https://www.sleep.ai/sleepscore/?utm_source (дата звернення: 26.02.2026 ). 12. Sleep Monitor (посилання на завантаження додатку). URL: https://apps.apple.com/ru/app/sleep-monitor-sleep-tracker/id1510325113?l=uk (дата звернення: 28.02.2026 ). 13. What is Usability Evaluation. URL: https://ixdf.org/literature/topics/usability-evaluation?utm_source (дата звернення: 1.03.2026 ). 14. What is Software Requirement Specification. URL: https://www.browserstack.com/guide/software-requirement-specification?utm_source (дата звернення: 3.03.2026 ). 15. Розробка з боку 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 ). 16. React. The library for web and native user interfaces . URL: https://react.dev/?utm_source (дата звернення: 5.03.2026 ). 17. 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 ). 18. Want to learn more about Angular. URL: https://angular.dev/?utm_source (дата звернення: 9.03.2026 ). 19. Svelte . Web development for the rest of us. URL: https://svelte.dev/?utm_source (дата звернення: 11.03.2026 ). 20. Що таке Typescript. URL: https://artjoker.ua/tech/web-stack/typescript/ (дата звернення: 13.03.2026 ). 21. Що таке Back-end розробка. URL: https://wezom.com.ua/ua/blog/chto-takoe-back-end-razrabotka (дата звернення: 17.03.2026 ). 22. FastAPI. URL: https://fastapi.tiangolo.com/?utm_source (дата звернення: 18.03.2026 ). 23. Django. URL: https://docs.djangoproject.com/en/6.0/?utm_source (дата звернення: 28.03.2026 ). 24. Flask. URL: https://flask.palletsprojects.com/en/stable/?utm_source (дата звернення: 30.03.2026 ). 25. MongoDB. URL: https://www.mongodb.com/docs/?utm_source (дата звернення: 1.04.2026 ). 26. Motor. URL: https://motor.readthedocs.io/en/stable/?utm_source (дата звернення: 1.04.2026 ). 27. PostgreSQL. URL: https://www.postgresql.org/?utm_source (дата звернення: 1.04.2026 ). 28. MySQL. URL: https://www.mysql.com/?utm_source (дата звернення: 1.04.2026 ). 29. MongoDB. URL: https://uk.wikipedia.org/wiki/MongoDB (дата звернення: 1.04.2026 ). 30. Rect API Tutorial. URL: https://restfulapi.net/?utm_source (дата звернення: 1.04.2026 ). 31. MDN Web Docs. HTTP request methods. URL: https://developer.mozilla.org/enUS/docs/Web/HTTP/Reference/Methods?utm_sourc (дата звернення: 1.04.2026 ). 32. MongoDB. URL: https://www.mongodb.com/docs/manual/tutorial/ (дата звернення: 1.04.2026 ). 33. Басс, Л., Клементс, П., & Казман, Р. (2018). Архітектура програмного забезпечення на практиці. 34. Uvicorn. URL: https://uvicorn.dev/ (дата звернення: 1.04.2026 ). 35. 35 Мельник, А., & Дмитроца, Л. (2026). Методи та архітектурні підходи до автоматизації тестування мобільних і вебзастосунків. Вимірювальна та обчислювальна техніка в технологічних процесах, (2), 74-81. 36. Melnyk, A., Dmytrotsa, L., Palka, O., Vasylenko, Y., & Klymuk, N. (2025). Dynamic test case prioritisation for mobile applications based on real user behaviour data. 37. Андрейчук Н.І., Кіт Ю.В., Шибанов С.В., Шерстньова О.В. Охорона праці. Львів: Видавництво Львівська політехніка, 2021. 276 с. 38. Жидецький В.Ц. Охорона праці користувачів комп'ютерів. Львів: Афіша, 2020. 176 с. 39. НПАОП 0.00-7.15-18 Вимоги щодо безпеки та захисту здоров'я працівників під час роботи з екранними пристроями. |
| Content type: | Bachelor Thesis |
| Asub kollektsiooni(de)s: | 126 — Інформаційні системи та технології (бакалаври) |
Failid selles objektis:
| Fail | Kirjeldus | Suurus | Formaat | |
|---|---|---|---|---|
| 2026_KRB_ST-41_Dubchak_LI.pdf | Дипломна робота | 3,34 MB | Adobe PDF | Vaata/Ava |
Kõik teosed on Dspaces autoriõiguste kaitse all.
Admin vahendid