Примеры веб-виджетов - Виды взаимодействия в Интернете вещей

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

Представленные в данном разделе веб-виджеты применимы к реальным интернет-вещам, разрабатываемым в лаборатории беспроводных сенсорных сетей WiSeNetLabкафедры ВСиС.

В приложении имеется исходный код на языках HTML, CSSи JavaScriptдля данных виджетов.

Умная розетка

Одно из применений интернет-вещей - управление электропитанием в доме. Для выполнения данной задачи существует специальная интернет-вещь - умная розетка, выпускаемая на рынке в настоящее время многими компаниями, например Sony, ThinkEco, Powerhouse Dynamics, Ube. Данное устройство позволяет дистанционно управлять питанием розетки при помощи пультов управления или веб-интерфейса.

веб-виджет умной розетки в двух состояниях

Рисунок 16. Веб-виджет умной розетки в двух состояниях

Управление розеткой с помощью такого виджета осуществляется путем простого нажатия на виджет. При этом состояние розетки меняет свое значение на противоположное (вкл./выкл.).

Лампы освещения

Управление электропитанием в доме возможно не только с помощью розеток, но и при помощи умных ламп, позволяющих управлять освещением. Компания Philips разработала лампы Hue, управляемые дистанционно. Внутри таких ламп имеется беспроводной микроконтроллер, принимающий команды от пульта, располагаемого обычно на стене. Такие лампы получили дальнейшее развитие в Интернете вещей. Компания Appleиспользует приложения для управления ими в своих смартфонах. Данными лампами также возможно управлять с помощью центра управления в WEB'е. Лампу достаточно вкрутить вместо обычной и установить пульт управления или шлюз где-либо в радиусе действия приемопередатчика лампы. Кроме того, такие лампы имеют возможность регулировки цвета освещения.

виджет для ламп освещения

Рисунок 17. Виджет для ламп освещения

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

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

Метеостанция

В настоящий момент метеостанции разрабатываются с возможностью управления и мониторинга из Интернета, т. е. как интернет-вещи. Наиболее выдающееся решение на данный момент принадлежит компании Netatmo - Urban Weather Station.

виджет метеостанции

Рисунок 18. Виджет метеостанции

На рисунке 18 изображен веб-интерфейс, который использует данные, приходящие с метеостанции и отображает на визуальном пространстве экрана.

Данный виджет представляет собой пример составного виджета, т. е. виджета, на котором отображается несколько источников информации. В данном случае все источники информации (давление, температура, влажность, шум) принадлежат одному устройству - метеостанции. Однако один виджет может сочетать в себе данные с разных устройств.

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

Электросчетчик

Существует множество примеров сочетания беспроводных технологий и устройств изменения параметров сети питания. Один из них - использование электросчетчика в качестве интернет-вещи. В таком случае все данные со счетчика (напряжение в сети, ток, общая потребляемая мощность, общий расход) можно наблюдать со специальной веб-страницы в Интернете.

виджет электросчетчика

Рисунок 19. Виджет электросчетчика

Кроме того, такой электросчетчик способен идентифицировать подключенное к нему устройство.

Выводы

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

Благодаря выбору технологий HTML, CSSи JavaScript, веб-виджет становится универсальным графическим интерфейсом, который можно встроить в любой сайт, а также использовать для интерпретации любымклиентским устройством, поскольку эти три технологии дают 3 составные части любого веб-приложения:

Структура,

Внешний вид,

Бизнес-логика.

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

Кроме того, конструктор виджетов позволяет предоставить пользователю возможность самому задавать внешний вид виджетов для интернет-вещей, а также объединять веб-виджеты в группы.

Основной проблемой конструктора виджетов является факт отсутствия в настоящий момент единого протокола для Интернета вещей, поддерживаемого всеми производителями. Это не позволит использовать такой конструктор в сочетании с интернет-вещами многих производителей. Однако разработка конструктора виджетов позволит заострить данную проблему и приблизить идею создания единого центра управления интернет-вещами к реальности.

Представление графической информации в векторном виде в настоящий момент находит широкое распространение благодаря появлению и популяризации стиля Metroи развитию облачных технологий. Предполагается, что в ближайшем будущем облачные технологии позволят полностью перенести вычислительные мощности персональных компьютеров в облако без ощутимых изменений в производительности. Это позволит более рационально использовать вычислительные ресурсы и сделать вычислительный процесс мобильным. Развитию данного направления способствуют исследования и разработки в области графики и представления информации. Использование векторной графики достаточно актуально.

Таким образом, веб-интерфейсы являются наиболее универсальным видом графических интерфейсов. Технологии HTML, CSS, JavaScriptявляются лишь средствами представления информации и могут быть использованы не только в веб-интерфейсах, но и в любых других. Создание веб-интерфейса для устройства или узла глобальной сети дает на выходе не только веб-приложение, доступное при наличии доступа к сети Интернет, но и полную структуру приложения с визуальной частью и бизнес-логикой, которая может быть использована в любом локальном системном приложении при поддержке им данных технологий.

Похожие статьи




Примеры веб-виджетов - Виды взаимодействия в Интернете вещей

Предыдущая | Следующая