Разработка комплексного веб-интерфейса, реализующего возможность взаимодействия с системой умного дома

1.

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ДОНСКОЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
ТЕХНОЛОГИЧЕСКИЙ ИНСТИТУТ (ФИЛИАЛ) ДГТУ В Г. АЗОВЕ
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
Разработка комплексного веб-интерфейса, реализующего
возможность взаимодействия с системой умного дома
1
Студента ПКС-4-90 Умраева Р.Р.
Научный руководитель Чиняков А.А.

2.

Актуальность
Умные дома продолжают набирать популярность, поскольку все больше
людей стремятся автоматизировать и контролировать различные
аспекты своего дома с помощью смарт-технологий.
Веб-интерфейс является важной частью системы управления умным домом, поскольку
он предоставляет пользователю удобный способ взаимодействия со всеми
подключенными устройствами и функциями.
2

3.

Цели и задачи работы:
Целью данной выпускной квалификационной работы является
разработка комплексного веб-интерфейса, реализующего возможность
взаимодействия с системой умного дома.
Задачи:
1. Создание интуитивно понятного интерфейса;
2. Реализация авторизации и регистрации;
3. Создание связи между компонентом управления
и умным устройством;
4. Возможность просматривать различные данные,
например: данные о показаниях света, воды,
газа в виде таблицы, графика и др.;
5. Возможность просмотра камер
видеонаблюдения.
3
Цели:
1. Изучить предметную область;
2. Проанализировать аналоги;
3. Выбрать программное средство для разработки
программы;
4. Составить функциональную схему программы;
5. Описать входные и выходные данные
программы;
6. Рассчитать экономические затраты на
реализацию устройства;
7. Расписать меры безопасности при выполнении
производственных работ.

4.

Аналоги
OpenHAB (открытый домашний автоматизационный
Home Assistant - это платформа с открытым исходным
автономный агент) - это программное обеспечение с
кодом для умного дома, предоставляющая
открытым
исходным
кодом,
предназначенное
возможность управления и автоматизации различными
для
устройствами и системами в домашней среде.
управления и автоматизации умного дома.
MajorDoMo (Major Domestic Module) - это
универсальная платформа для умного дома,
разработанная с открытым исходным кодом. Она
предоставляет средства для управления и
автоматизации различными аспектами домашней
4
автоматизации, включая устройства интернета вещей
(IoT)

5.

Инструментальные средства разработки
В качестве языка программирования
был выбран JavaScript
5
В качестве фреймворка был
выбран React
В качестве среды разработки был
выбран Visual Studio Code

6.

Интерфейс программы
Окно авторизации
6

7.

Окно регистрации
7

8.

Главное окно программы
8

9.

Второе окно с данными
9

10.

Третье окно с камерами-видеонаблюдения
10

11.

Функционал работы со светодиодной лентой
11

12.

Структурная схема веб-интерфейса
После рассмотрения
особенностей различных
архитектур программных
продуктов, для собственной
разработки была выбрана своя
архитектура.
12

13.

Структурная схема базы данных
Для разработки базы данных
была выбрана СУБД MySQL.
Структура данных представлена
на рисунке.
13

14.

Точка безубыточности
Итоги
1. Разработанный бизнес-план
обеспечивает востребованность на
рынке;
2. Данное ПО является
конкурентноспособным среди аналогов
за счет цены одной копии, которая
составляет 204,4 рубля;
3. Разработанный маркетинговый план
предполагает продажу 1000 копий за 3
года.
4. Чистая прибыль составляет 23257
рублей.
5. Затраты на разработку данного ПО
оправдаются после продажи 96 копий
6. Данный проект, в целом, можно считать
экономически выгодным.
14

15.

Вывод
Программный продукт позволяет облегчить процесс
взаимодействия с устройствами умного дома.
Основные функции веб-интерфейса:
1. Отображение компонентов, позволяющих
управлять состоянием умных устройств;
2. Возможность авторизации и регистрации;
3. Отображение показаний счетчиков воды, газа
и света, а так же вывод последних действий
пользователей;
4. Отображение камер видеонаблюдения
15
Достоинства веб-интерфейса:
1. Удобный, современный и понятный интерфейс;
2. Безопасная реализация авторизации и
регистрации за счет JWT токенов;
3. Интерактивность веб-интерфейса (большое
количество возможностей для
взаимодействия).

16.

Спасибо за внимание!
16