Блог 2Smart (RU)

Как отслеживать изменения температуры воздуха и других параметров на графике в мобильном приложении

Как отслеживать изменения температуры воздуха и других параметров на графике в мобильном приложении
Возможность отслеживать значения датчиков устройств интернета вещей полезна не только в реальном времени, но и в динамике. В 2Smart Cloud разработчики могут предоставлять такую возможность пользователям своих устройств, используя виджет Number. Достаточно добавить его в интерфейс мобильного приложения, и исторический график изменения температуры, влажности воздуха, любых других параметров будет доступен в два клика.

В каких случаях полезна история значений датчиков умного устройства


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

Более сложные варианты – мониторинг любых параметров работы домашнего или промышленного оборудования. Это может быть нагрузка на электросеть в доме, температура теплоносителя и т.д.

Пользователям не нужно записывать показания датчиков для наблюдения за любыми подобными данными в динамике – достаточно открыть график в мобильном приложении.

Как подключить виджет Number


Виджет Number доступен при настройке интерфейса мобильного приложения 2Smart Cloud разработчиком устройства – его можно установить для нужных сенсоров на этапе создания продукта или в любой момент позже, в рамках обновления интерфейса.

Добавление виджета

Выбор типа виджета

Такой виджет поддерживает любые сенсоры, которые передают числовые значения. Это могут быть показания датчика температуры, уровень Wi-Fi сигнала или заряда батареи устройства. Чтобы увидеть список поддерживаемых сенсоров конкретного устройства, достаточно нажать на кнопку выбора сенсора в окне настроек.

Настройка виджета

Выбор сенсора

Для того чтобы формировался график исторических значений сенсора, на вкладке “Расширенные” окна настроек должна быть установлена галочка “С графиком”. Там же можно настроить параметры самого графика – минимальное и максимальное значение по оси Y (по умолчанию – от 0 до 100).

Настройка виджета Number

Как будет выглядеть график в мобильном приложении, предварительно можно оценить в его эмуляторе в браузере. Обратите внимание – график в эмуляторе построен для наглядности, он не использует реальные значения сенсора. Реальный график будет доступен в мобильном приложении пользователя, для его формирования потребуется некоторое время.

Пример графика исторических значений сенсора

Примеры реальных графиков из мобильного приложения: динамика мощности Wi-Fi сигнала, температуры и влажности воздуха:

Пример графика исторических значений сенсора

Пример графика исторических значений сенсора

Пример графика исторических значений сенсора
Made on
Tilda