Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/53664
Повний запис метаданих
Поле DCЗначенняМова
dc.contributor.advisorШтокало, Леся Ярославівна-
dc.contributor.advisorShtokalo, Lesia-
dc.contributor.authorЛісний, Владислав Володимирович-
dc.contributor.authorLisnyi, Vladyslav-
dc.date.accessioned2026-07-22T14:23:07Z-
dc.date.available2026-07-22T14:23:07Z-
dc.date.issued2026-07-
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/53664-
dc.description.abstractЛісний В.В. Розробка мобільного інтерфейсу для комунікації з сервером даних IoT пристроїв: кваліфікаційна робота на здобуття освітньо-професійного ступеня фахового молодшого бакалавра, за спеціальністю 123 Комп'ютерна інженерія. Тернопіль: ВСП «ТФК ТНТУ», 2026. – 75 с. Метою роботи є розробка мобільного прогресивного вебзастосунку (PWA) для моніторингу та дистанційного керування IoT-пристроями розумної теплиці через REST API сервер. Обґрунтовано вибір технологій (HTML5, CSS3, Vanilla JS ES6+, Fetch API, Canvas API), розроблено архітектуру системи та алгоритм роботи застосунку, реалізовано механізми polling, Pending Commands та PWA- функціональність. Наведено інструкцію з розгортання, методику тестування, економічне обґрунтування та заходи з охорони праці. Робота містить графічну частину на 4 аркушах А1 та пояснювальну записку обсягом 75 аркуш, що містить 6 таблиць і 7 рисунків. Ключові слова: IoT, розумна теплиця, PWA, прогресивний вебзастосунок, REST API, ESP32, моніторинг мікроклімату, Vanilla JS, Service Worker, охорона праці.uk_UA
dc.description.abstractLisnyi V.V. Development of a mobile interface for communicating with the IoT device data server: qualification thesis for the degree of Professional Junior Bachelor, specialty 123 Computer Engineering. Ternopil: VSP "TFK TNTU", 2026. – 75 p. The aim of the work is to develop a mobile progressive web application (PWA) for monitoring and remote control of smart greenhouse IoT devices via a REST API server. The selection of technologies (HTML5, CSS3, Vanilla JS ES6+, Fetch API, Canvas API) is justified, the system architecture and application algorithm are developed, and polling, Pending Commands, and PWA functionality mechanisms are implemented. Deployment instructions, a testing methodology, economic justification, and occupational safety measures are provided. The work includes a graphic section of 4 A1 sheets and an explanatory note of 75 pages containing 6 tables and 7 figures. Keywords: IoT, smart greenhouse, PWA, progressive web application, REST API, ESP32, microclimate monitoring, Vanilla JS, Service Worker, occupational safety.uk_UA
dc.description.tableofcontentsВСТУП 7 1 ЗАГАЛЬНИЙ РОЗДІЛ 9 1.1.1 Огляд платформи Node-RED 9 1.1.2 Огляд платформи Home Assistant 10 1.1.3 Огляд платформи ThingsBoard 11 1.1.4 Нативні мобільні фреймворки 11 1.1.5 Підхід на основі PWA 12 1.1 Технічне завдання 14 1.2.1 Найменування та галузь застосування 14 1.2.2 Підстава для розробки 14 1.2.3 Призначення розробки 15 1.2.4 Вимоги до програмного продукту 16 1.2.5 Вимоги до програмної документації 17 1.2.6 Стадії та етапи розробки 18 1.2.7 Порядок контролю та приймання 18 2 РОЗРОБКА ТЕХНІЧНОГО ТА РОБОЧОГО ПРОЄКТУ 20 2.1 Аналіз технічного завдання та вибір методів розробки 20 2.2 Обґрунтування вибору технологій та інструментів 22 2.3 Проєктування структурної схеми системи 25 2.4 Розробка алгоритму роботи застосунку 28 2.5 Реалізація функціональних модулів 32 2.5.1 Модуль дашборду та відображення сенсорів 32 2.5.2 Модуль керування актуаторами 34 2.5.3 Модуль графіків 36 2.5.4 Модуль сповіщень та налаштувань 37 2.6 Система автентифікації та захисту даних 38 2.7 Опис інтерфейсу користувача 40 3. СПЕЦІАЛЬНИЙ РОЗДІЛ 42 3.1 Підключення PWA до розгорнутого IoT-сервера 42 3.2 Методологія тестування мобільного інтерфейсу 45 3.2.1 Функціональне тестування 45 3.2.2 Інтеграційне тестування 47 3.2.3 Тестування на реальних пристроях 48 3.2.4 Аудит PWA-якості та безпеки 49 4 ЕКОНОМІЧНА ЧАСТИНА 51 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення НДР 51 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи 52 4.3 Розрахунок витрат на програмне забезпечення та сервіси розробки 53 4.4 Розрахунок витрат на електроенергію 55 4.5 Визначення витрат на супутні послуги 55 4.6 Розрахунок суми амортизаційних відрахувань 55 4.7 Обчислення накладних витрат 56 4.8 Складання кошторису витрат та визначення собівартості НДР 56 4.9 Розрахунок ціни НДР 57 4.10 Визначення економічної ефективності і терміну окупності 57 5. ОХОРОНА ПРАЦІ ТА БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ 59 5.1 Ергономічне проєктування робочого середовища та вимоги до безпечності застосування інформаційного обладнання 59 5.2. Психофізіологічна безпека розробника при високому інформаційному навантаженні 61 5.3. Класифікація умов праці програміста та нормування освітлення виробничих приміщень 63 ВИСНОВКИ 67 ПЕРЕЛІК ПОСИЛАНЬ 69uk_UA
dc.format.extent75-
dc.publisherВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюяuk_UA
dc.subjectIoTuk_UA
dc.subjectPWAuk_UA
dc.subjectрозумна теплицяuk_UA
dc.subjectsmart greenhouseuk_UA
dc.subjectпрогресивний вебзастосунокuk_UA
dc.subjectprogressive web applicationuk_UA
dc.subjectREST APIuk_UA
dc.subjectESP32uk_UA
dc.subjectмоніторинг мікрокліматуuk_UA
dc.subjectmicroclimate monitoringuk_UA
dc.subjectVanilla JSuk_UA
dc.subjectService Workeruk_UA
dc.subjectохорона праціuk_UA
dc.subjectoccupational safetyuk_UA
dc.titleРозробка мобільного інтерфейсу для комунікації з серРозробка мобільного інтерфейсу для комунікації з сервером даних IoT пристроїв вером даних IoT пристроївuk_UA
dc.title.alternativeDevelopment of a mobile interface for communicating with the IoT device data serveruk_UA
dc.typeProfessional Junior Bachelor Thesisuk_UA
dc.rights.holder©Лісний Владислав Володимирович, 2026uk_UA
dc.contributor.committeeMemberМосій, Любомир Євгенович-
dc.contributor.committeeMemberMosii, Liubomyr-
dc.coverage.placenameТернопільuk_UA
dc.relation.references1. Аналіз параметрів мікроклімату для управління теплицею. URL: https://www.researchgate.net/publication/395519206_ANALIZ_PARAMETRIV_MIKROKLIMATU_DLA_UPRAVLINNA_TEPLICEUANALYSIS_OF_MICROCLIMATE_PARAMETERS_FOR_GREENHOUSE_MANAGEMENT (дата звернення: 10.04.2026).uk_UA
dc.relation.references2. Портянова В. В. Автоматизація управління мікрокліматом у теплицях з використанням технологій Інтернету речей. Житомир: ЖДУ, 2023. URL: https://eprints.zu.edu.ua/42438/1/119.pdf (дата звернення: 18.10.2025).uk_UA
dc.relation.references3. Дослідження технологій PHP і MySQL як інструментів розробки / А. В. Корольов та ін. Харків: ХНУРЕ, 2020. URL: https://openarchive.nure.ua/bitstreams/6c2ee1fc-3b95-4e9c-8c5a-b09e25f5d9ac/download (дата звернення: 22.10.2025).uk_UA
dc.relation.references4. Солодовніков А. Розробка універсального REST API як основи для сучасних інформаційних систем. Харків: НТУ «ХПІ», 2024. URL: https://repository.kpi.kharkov.ua/server/api/core/bitstreams/10fde258-1dd8-433a-b5ee-0c3b6d64612c/content (дата звернення: 05.11.2025).uk_UA
dc.relation.references5. Правила охорони праці під час експлуатації електронно-обчислювальних машин: веб-сайт. URL: https://zakon.rada.gov.ua/laws/show/z0293-10#Text (дата звернення: 20.11.2025).uk_UA
dc.relation.references6. Progressive Web Apps. web.dev: веб-сайт. URL: https://web.dev/explore/progressive-web-apps (дата звернення: 02.12.2025).uk_UA
dc.relation.references7. Progressive web apps (PWAs). MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps (дата звернення: 10.12.2025).uk_UA
dc.relation.references8. Making PWAs installable. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable (дата звернення: 18.12.2025).uk_UA
dc.relation.references9. Web app manifests. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/Manifest (дата звернення: 28.12.2025).uk_UA
dc.relation.references10. Service Worker API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API (дата звернення: 12.01.2026).uk_UA
dc.relation.references11. Using the Fetch API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch (дата звернення: 20.01.2026).uk_UA
dc.relation.references12. Window: localStorage property. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage (дата звернення: 28.01.2026).uk_UA
dc.relation.references13. Canvas API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API (дата звернення: 05.02.2026).uk_UA
dc.relation.references14. Learn PWA. web.dev: веб-сайт. URL: https://web.dev/learn/pwa (дата звернення: 14.02.2026).uk_UA
dc.relation.references15. Workbox: JavaScript Libraries for Progressive Web Apps. Chrome for Developers: веб-сайт. URL: https://developer.chrome.com/docs/workbox (дата звернення: 22.02.2026).uk_UA
dc.relation.references16. Lighthouse: Overview. Chrome for Developers: веб-сайт. URL: https://developer.chrome.com/docs/lighthouse/overview (дата звернення: 02.03.2026).uk_UA
dc.relation.references17. RESTful Web Services: A Tutorial. REST API Tutorial: веб-сайт. URL: https://restfulapi.net/ (дата звернення: 10.03.2026).uk_UA
dc.relation.references18. JSON: The Fat-Free Alternative to XML. JSON: веб-сайт. URL: https://www.json.org/ (дата звернення: 18.03.2026).uk_UA
dc.relation.references19. Cross-Origin Resource Sharing (CORS). MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS (дата звернення: 28.03.2026).uk_UA
dc.relation.references20. What is IoT? Internet of Things Explained. IBM: веб-сайт. URL: https://www.ibm.com/topics/internet-of-things (дата звернення: 05.04.2026).uk_UA
dc.relation.references21. MQTT: The Standard for IoT Messaging. MQTT: веб-сайт. URL: https://mqtt.org/ (дата звернення: 14.04.2026).uk_UA
dc.relation.references22. ESP32 Technical Reference Manual. Espressif Systems: веб-сайт. URL: https://www.espressif.com/sites/default/files/documentation/esp32_technical_reference_manual_en.pdf (дата звернення: 22.04.2026).uk_UA
dc.relation.references23. ngrok Documentation. ngrok: веб-сайт. URL: https://ngrok.com/docs (дата звернення: 02.05.2026).uk_UA
dc.relation.references24. Responsive design. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design (дата звернення: 15.05.2026).uk_UA
dc.relation.references25. Web Content Accessibility Guidelines (WCAG) 2.1. W3C: веб-сайт. URL: https://www.w3.org/TR/WCAG21/ (дата звернення: 28.05.2026).uk_UA
dc.contributor.affiliationВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"uk_UA
dc.coverage.countryUAuk_UA
dc.identifier.citation2015Лісний В.В. Розробка мобільного інтерфейсу для комунікації з сервером даних IoT пристроїв: кваліфікаційна робота на здобуття освітньо-професійного ступеня фахового молодшого бакалавра, за спеціальністю 123 Комп'ютерна інженерія. Тернопіль: ВСП «ТФК ТНТУ», 2026. – 75 с.uk_UA
Розташовується у зібраннях:123 — Комп’ютерна інженерія (фаховий молодший бакалаврТФК)

Файли цього матеріалу:
Файл Опис РозмірФормат 
Lisnyi_V.pdfкваліфікаційна робота фахового молодшого бакалавра3,51 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.