BeeHive - сайт для відстеження біометричних показників бджолиного вулика

BeeHive - сайт для відстеження біометричних показників бджолиного вулика
BeeHive - сайт для відстеження біометричних показників бджолиного вулика 02.05.2023

BeeHive - сайт для відстеження біометричних показників бджолиного вулика

Бджільництво є одним з важливих видів тваринництва. В даний час воно зазнає серйозних труднощів, пов’язаних зі значним скороченням виробництва натуральних продуктів бджільництва. В основному в цій діяльності беруть участь прості бджолярі або представники малого бізнесу. Пасіка дає можливість отримати мед, який можна продати. Такий бізнес не тільки вигідний, але і трудомісткий. Бджоляр повинен протягом всього року щодня спостерігати за вуликами і життям бджіл, і відслідковувати несприятливі погодні умови, що впливають на життя бджіл у вулику. Таким чином, людині досить складно займатися всім цим самостійно, а залучення найманих робітників знижує рентабельність. Тому інтеграція інформаційних технологій в процес бджільництва може поліпшити знання бджолярів про поведінку окремих колоній бджіл і полегшити управління та контроль над пасікою.

В нашу епоху, коли завдання, системи і технології поєднуються разом, щоб забезпечити більш ефективну систему роботи і швидке виконання будь-якого набору завдань. Однією із таких технологій є IoT (Internet of things – інтернет речей) – концепція оснащення фізичних предметів різноманітними датчиками для відслідковування стану цих предметів; створення засобів передачі даних мережею та системи для їх накопичення та опрацювання.

Найбільш зручною технологією управління пасікою, є моніторинг окремих біометричних показників бджолиного вулика для збільшення продуктивності бджіл та їх захисту. Для цього необхідно розробити веб-застосування, яке б давало змогу, вибрати зі списку потрібний вулик та відображати його біометричні показники за певними критеріями, такими як:

̶    температура та вологість в середині вулика;

̶    вага вулика;

̶    якість повітря;

̶    атмосферний тиск довкілля;

Для реалізації роботи були використанні сучасні веб-технології, що використовуються для розробки клієнтської та серверної частини веб-застосувань, та були прийняті креативні дизайнерські рішення.

У клієнтській частині (Front-End) були використані: мова розмітки гіпертекстової інформації HTML5, що задає структуру та наповнення сторінки, каскадні таблиці стилів CSS3 для дизайну та стилізації сайту та мова програмування JavaScript для створення інтерактивної взаємодії користувача з сторінкою сайту.

Однією з основних задач було максимально зацікавити відвідувача, щоб він протягом перегляду веб-сторінки не лише зберігав інтерес, а й нарощував його. Для цього на сайті присутні різноманітні анімації, які справляють “Wow-ефект” на користувача: паралаксу, левітації, появи елементів при прокрутці та відповіді при наведенні на посилання.

Також сайт коротко пояснює сутність пристрою, його функції, та які біометричні дані він передає. Зокрема було використано слайдер Swiper для зручного відображання складників.

Крім того, є ще окрема секція із зображенням вулика, у якій користувач зможе дізнатися, де розташований відповідний компонент пристрою та його основні функції.

Також подається статистика у вигляді шкал та діаграм до відповідного біометричного показника. Для зображення діаграм було використано бібліотеку Chart JS.

Вишенькою на торті є менеджер задач Gulp, який автоматизував рутинні процеси, відповідно зменшивши час написання коду, що зробило процес розробки дуже насиченим. За допомогою своїх можливостей допоміг зробити сайт швидким та кросбраузерним.

Серед можливих видів верстки – статичної, гумової, адаптивної була обрана адаптивна та гумова верстка веб-сторінок. Такі сторінки підлаштовуються під розмір екрану, в тому числі може відбуватися перебудова блоків з одного місця на інше, або їх заміна блоками відображеними тільки при певному розширенні.

Переваги адаптивної верстки очевидні – сайт відображається при різних розмірах екрану так, як це найбільш зручно користувачеві (див. Рис.5), відпадає необхідність створення окремої мобільної версії сайту.

Вибір технологій для серверної частини (Back-End) ґрунтувався на їх поширеності, можливості для реалізації за допомогою цих технологій розглянутої задачі, простоті використання. Також оцінювалися такі показники як якість документації, спільнота розробників, надійність, відмово стійкість.

Тому для розробки були вибрані: мова програмування PHP 7.4 для розробки серверної частини системи, веб-сервер Apache2, сервер бази даних MySQL для організації та збереження даних про користувачів та отриманих біометричних показників, а також система керування базами даних phpMyAdmin для зручного управління та налаштування як таблиць так і самого сервера БД. Вибрані технології дозволили реалізувати наступний функціонал веб-застосування: авторизація, вибір вулику з переліку та відображення даних про нього у вигляді діаграм та шкал.

Готовий веб-застосунок опублікований в інтернеті. Протестувати його роботу можна за посиланням: https://beehive.in.net/index.php


Назва конкурсу:  Конкурс «Кращий інноваційний диплом (проект)»
ПІБ конкурсанта:  Варшавський Пантелеймон Володимирович
Країна:  Україна
Область:  Житомирська область
Назва НЗ:  Житомирський військовий інститут ім. С. П. Корольова Державного університету телекомунікацій
Учасник фіналу:  Так
Файл статті (pdf):  Завантажити

Повернення до списку