Система удалённого контроля и управления электронными устройствами

Введение

Сегодня нас повсюду окружают различные устройства: от бытовой техники до смартфонов в наших карманах. И многим людям становится уже сложно уследить за таким количеством различных приборов, ничего не забыв. С каждым днем всё больше людей, находящихся далеко от дома, забывают, выключили ли они утюг, какую температуру выставили в программе стиральной машины... Нередко они переживают из-за этого.

Цель

Создание веб-сайта, который решит проблему удалённого управления электронными устройствами.

Описание

В процессе работы над проектом мною было изучено и использовано много новых для меня технологий. Сама страница была написана на HTML с использованием фреймворка «Bootstrap 4». Bootstrap − это инструментарий с открытым исходным кодом для разработки с помощью HTML, CSS и JS. Он позволяет быстро создать адаптивный и интерактивный веб-проект благодаря сетчатой системе и огромному количеству готовых элементов интерфейса. На моём сайте всё организовано как раз благодаря сетке, состоящей из строк и колонок. В получившихся блоках уже находятся карточки с белым фоном, а на них − сами элементы. Всего три блока: в первом находятся элементы для управления устройствами, второй содержит данные о температуре и другую текстовую информацию, а в третьем − график температуры, взятый из библиотек Plotly, который показывает динамику её изменения в реальном времени.

Весь функционал реализован с помощью Javascript и Jquery. Данные о состоянии устройств, о температуре получаются с сервера методом $.get и выводятся на главную страницу, обновляясь каждую секунду.

За показателями устройств можно не только наблюдать, но и изменять их. Для этого предусмотрены кнопки включения и выключения, на данный момент работающие с эмулятором устройств.

Результат

Для того чтобы сайт появился в свободном доступе, все файлы были перенесены на сервер и процесс был запущен.

Адрес в сети Интернет: http://scsci.ru/crystal/