Utilizza questo identificativo per citare o creare un link a questo documento:
http://elartu.tntu.edu.ua/handle/lib/53664| Titolo: | Розробка мобільного інтерфейсу для комунікації з серРозробка мобільного інтерфейсу для комунікації з сервером даних IoT пристроїв вером даних IoT пристроїв |
| Titoli alternativi: | Development of a mobile interface for communicating with the IoT device data server |
| Autori: | Лісний, Владислав Володимирович Lisnyi, Vladyslav |
| Affiliation: | ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя" |
| Bibliographic reference (2015): | Лісний В.В. Розробка мобільного інтерфейсу для комунікації з сервером даних IoT пристроїв: кваліфікаційна робота на здобуття освітньо-професійного ступеня фахового молодшого бакалавра, за спеціальністю 123 Комп'ютерна інженерія. Тернопіль: ВСП «ТФК ТНТУ», 2026. – 75 с. |
| Data: | lug-2026 |
| Date of entry: | 22-lug-2026 |
| Editore: | ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Supervisor: | Штокало, Леся Ярославівна Shtokalo, Lesia |
| Committee members: | Мосій, Любомир Євгенович Mosii, Liubomyr |
| Parole chiave: | IoT PWA розумна теплиця smart greenhouse прогресивний вебзастосунок progressive web application REST API ESP32 моніторинг мікроклімату microclimate monitoring Vanilla JS Service Worker охорона праці occupational safety |
| Page range: | 75 |
| 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, охорона праці. Lisnyi 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. |
| Content: | ВСТУП 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 ПЕРЕЛІК ПОСИЛАНЬ 69 |
| URI: | http://elartu.tntu.edu.ua/handle/lib/53664 |
| Copyright owner: | ©Лісний Владислав Володимирович, 2026 |
| References (Ukraine): | 1. Аналіз параметрів мікроклімату для управління теплицею. URL: https://www.researchgate.net/publication/395519206_ANALIZ_PARAMETRIV_MIKROKLIMATU_DLA_UPRAVLINNA_TEPLICEUANALYSIS_OF_MICROCLIMATE_PARAMETERS_FOR_GREENHOUSE_MANAGEMENT (дата звернення: 10.04.2026). 2. Портянова В. В. Автоматизація управління мікрокліматом у теплицях з використанням технологій Інтернету речей. Житомир: ЖДУ, 2023. URL: https://eprints.zu.edu.ua/42438/1/119.pdf (дата звернення: 18.10.2025). 3. Дослідження технологій PHP і MySQL як інструментів розробки / А. В. Корольов та ін. Харків: ХНУРЕ, 2020. URL: https://openarchive.nure.ua/bitstreams/6c2ee1fc-3b95-4e9c-8c5a-b09e25f5d9ac/download (дата звернення: 22.10.2025). 4. Солодовніков А. Розробка універсального REST API як основи для сучасних інформаційних систем. Харків: НТУ «ХПІ», 2024. URL: https://repository.kpi.kharkov.ua/server/api/core/bitstreams/10fde258-1dd8-433a-b5ee-0c3b6d64612c/content (дата звернення: 05.11.2025). 5. Правила охорони праці під час експлуатації електронно-обчислювальних машин: веб-сайт. URL: https://zakon.rada.gov.ua/laws/show/z0293-10#Text (дата звернення: 20.11.2025). 6. Progressive Web Apps. web.dev: веб-сайт. URL: https://web.dev/explore/progressive-web-apps (дата звернення: 02.12.2025). 7. Progressive web apps (PWAs). MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps (дата звернення: 10.12.2025). 8. 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). 9. Web app manifests. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/Manifest (дата звернення: 28.12.2025). 10. Service Worker API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API (дата звернення: 12.01.2026). 11. Using the Fetch API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch (дата звернення: 20.01.2026). 12. Window: localStorage property. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage (дата звернення: 28.01.2026). 13. Canvas API. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API (дата звернення: 05.02.2026). 14. Learn PWA. web.dev: веб-сайт. URL: https://web.dev/learn/pwa (дата звернення: 14.02.2026). 15. Workbox: JavaScript Libraries for Progressive Web Apps. Chrome for Developers: веб-сайт. URL: https://developer.chrome.com/docs/workbox (дата звернення: 22.02.2026). 16. Lighthouse: Overview. Chrome for Developers: веб-сайт. URL: https://developer.chrome.com/docs/lighthouse/overview (дата звернення: 02.03.2026). 17. RESTful Web Services: A Tutorial. REST API Tutorial: веб-сайт. URL: https://restfulapi.net/ (дата звернення: 10.03.2026). 18. JSON: The Fat-Free Alternative to XML. JSON: веб-сайт. URL: https://www.json.org/ (дата звернення: 18.03.2026). 19. Cross-Origin Resource Sharing (CORS). MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS (дата звернення: 28.03.2026). 20. What is IoT? Internet of Things Explained. IBM: веб-сайт. URL: https://www.ibm.com/topics/internet-of-things (дата звернення: 05.04.2026). 21. MQTT: The Standard for IoT Messaging. MQTT: веб-сайт. URL: https://mqtt.org/ (дата звернення: 14.04.2026). 22. ESP32 Technical Reference Manual. Espressif Systems: веб-сайт. URL: https://www.espressif.com/sites/default/files/documentation/esp32_technical_reference_manual_en.pdf (дата звернення: 22.04.2026). 23. ngrok Documentation. ngrok: веб-сайт. URL: https://ngrok.com/docs (дата звернення: 02.05.2026). 24. Responsive design. MDN Web Docs: веб-сайт. URL: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design (дата звернення: 15.05.2026). 25. Web Content Accessibility Guidelines (WCAG) 2.1. W3C: веб-сайт. URL: https://www.w3.org/TR/WCAG21/ (дата звернення: 28.05.2026). |
| Content type: | Professional Junior Bachelor Thesis |
| È visualizzato nelle collezioni: | 123 — Комп’ютерна інженерія (фаховий молодший бакалаврТФК) |
File in questo documento:
| File | Descrizione | Dimensioni | Formato | |
|---|---|---|---|---|
| Lisnyi_V.pdf | кваліфікаційна робота фахового молодшого бакалавра | 3,51 MB | Adobe PDF | Visualizza/apri |
Tutti i documenti archiviati in DSpace sono protetti da copyright. Tutti i diritti riservati.