Блог 2Smart (UK)

Віджети для керування функціями IoT пристроїв у мобільному додатку 2Smart Cloud

Віджети для керування функціями IoT пристроїв у мобільному додатку 2Smart Cloud
Вендорам платформи доступна велика бібліотека віджетів, які можна використовувати при налаштуванні інтерфейсу мобільного додатка. Для управління однією і тією ж функцією пристрою в багатьох випадках можна використовувати різні віджети – рекомендуємо звернути увагу на схожі за функціоналом варіанти та вибрати найбільш відповідний для вашого продукту.

Timepicker


Timepicker widget

Дозволяє встановлювати час події.

Timepicker widget

З якими сенсорами працює: з будь-якими, які передають значення типу string.

Атрибути сенсора:

  • Data Types: string.
  • Settable: true.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: вибір часу доби для автоматичного запуску оновлення прошивки пристрою, увімкнення/вимкнення поливу, освітлення тощо.

Аналогічні за функціоналом віджети: відсутні.

Video stream


Video stream widget

Перегляд потокового відео.

Video stream widget

З якими сенсорами працює: з будь-якими, що передають значення типу string; призначений до роботи з протоколом відео RTSP.

Атрибути сенсора:

  • Data Types: string
  • Settable: true, false
  • Retained: true, false

Розширені налаштування: відсутні.

Сценарії використання: перегляд відео з камер спостереження в охоронних системах, перегляд відео з камер мобільного робота.

Аналогічні за функціоналом віджети: відсутні.

Number


Number widget

Відображає числові значення, що передаються сенсором. Не дозволяє користувачеві змінювати значення. Дозволяє переглядати графіки з історією даних.

Number widget

З якими сенсорами працює: з будь-якими, що передають числові значення.

Атрибути сенсора:

  • Data Types: integer, float.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення одиниці виміру. При установці помітки "З графіком" у мобільному додатку буде доступний графік з історією даних, вендор може налаштувати мінімальне та максимальне значення за шкалою Y.

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

Аналогічні за функціоналом віджети: відсутні.

Gauge


Gauge widget

Відображає числові значення у вигляді круглої шкали зі стрілкою.

Gauge widget

З якими сенсорами працює: з будь-якими, що передають числові значення.

Атрибути сенсора:

  • Data Types: integer, float.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення мінімального та максимального значення на шкалі, а також одиниці виміру.

Сценарії використання: перегляд будь-яких числових даних – рівня Wi-Fi сигналу, температури, вологості тощо.

Аналогічні функціоналу віджети: Signal lvl, Battery.

Signal lvl


Signal lvl widget

Демонструє рівень сигналу сенсора у відсотковому відображенні,а також графічно – у вигляді шкали.

Signal lvl widget

З якими сенсорами працює: з будь-якими, що передають числові значення.

Атрибути сенсора:

  • Data Types: integer, float, string.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення мінімального та максимального значення, на основі яких розраховується рівень сигналу у відсотках.

Сценарії використання: перегляд потужності Wi-Fi сигналу.

Аналогічні функціоналу віджети: Gauge, Battery.

Battery


Battery widget

Демонструє рівень сигналу сенсора у відсотковому відображенні, а також графічно у вигляді батареї живлення.

Battery widget

З якими сенсорами працює: з будь-якими, що передають числові значення.

Атрибути сенсора:

  • Data Types: integer, float, string.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення мінімального та максимального значення, на основі яких розраховується значення у відсотках.

Сценарії використання: контроль рівня заряду акумулятора.

Аналогічні функціоналу віджети: Signal lvl, Gauge.

Thermostat


Thermostat widget

Відображає числові значення, що передаються сенсором. Дозволяє змінювати їх за допомогою кнопок “+” та “-” у межах налаштованого діапазону.

Thermostat widget

З якими сенсорами працює: з будь-якими, що передають числові значення, які можна змінити вручну.

Атрибути сенсора:

  • Data Types: integer, float.
  • Settable: true.
  • Retained: true, false.

Розширені налаштування: встановлення діапазону, в межах якого користувач може змінювати значення сенсора, а також крок, з яким будуть застосовуватись зміни.

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

Аналогічні функціоналу віджети: Slider, Dimmer control.

Slider


Slider widget

Повзунок для зміни числового значення сенсора.

Slider widget

З якими сенсорами працює: з будь-якими, що передають числові значення, які можна змінити вручну.

Атрибути сенсора:

  • Data Types: integer, float.
  • Settable: true.
  • Retained: true, false.

Розширені налаштування: встановлення діапазону, в межах якого користувач може змінювати значення сенсора, а також крок, з яким будуть застосовуватись зміни.

Сценарії використання: налаштування яскравості лампи або світлодіодної стрічки.

Аналогічні функціоналу віджети: Thermostat, Dimmer control.

Dimmer control


Dimmer control widget

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

Dimmer control widget

З якими сенсорами працює: з будь-якими, що передають числові значення, які можна змінити вручну.

Атрибути сенсора:

  • Data Types: integer, float.
  • Settable: true.
  • Retained: true, false.

Розширені налаштування: встановлення діапазону, в межах якого користувач може змінювати значення сенсора, а також крок, з яким будуть застосовуватись зміни.

Сценарії використання: налаштування яскравості лампи або світлодіодної стрічки.

Аналогічні функціоналу віджети: Thermostat, Slider.

Input


Input widget

Відображає числові або текстові значення, що передаються сенсором. Якщо дані, що передаються, піддаються зміні, користувач мобільного додатка може встановити за допомогою сенсора довільне значення.

Input widget

З якими сенсорами працює: з будь-якими, що передають числові чи текстові значення.

Атрибути сенсора:

  • Data Types: integer, float, string.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення одиниці виміру.

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

Аналогічні за функціоналом віджети: відсутні.

Range


Range widget

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

Range widget

З якими сенсорами працює: з будь-якими, що передають числові значення.

Атрибути сенсора:

  • Data Types: integer, float
  • Settable: true
  • Retained: true, false

Розширені налаштування: встановлення діапазону, в межах якого користувач може змінювати значення сенсора, а також крок, з яким будуть застосовуватись зміни.

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

Аналогічні за функціоналом віджети: відсутні.

Text


Text widget

Відображає текстові та числові значення, що передаються сенсором. Дозволяє швидко скопіювати значення натисканням на віджет.

Text widget

З якими сенсорами працює: з будь-якими, що передають текстові чи числові значення, які не можна змінити вручну.

Атрибути сенсора:

  • Data Types: integer, float, string, boolean, enum.
  • Settable: false.
  • Retained: true.

Розширені налаштування: встановлення одиниці виміру.

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

Аналогічні за функціоналом віджети: відсутні.

List


List widget

Випадаючий список, з можливістю вибору одного зі значень.

List widget

З якими сенсорами працює: з будь-якими, що передають числові, текстові або логічні (включено/вимкнено) значення.

Атрибути сенсора:

  • Data Types: enum.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення одиниці виміру.

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

Аналогічні функціоналу віджети: Switcher.

Switcher


Switcher widget

Перемикач із можливістю швидкого вибору одного із значень.

Switcher widget

З якими сенсорами працює: з будь-якими, що передають числові, текстові або логічні (включено/вимкнено) значення.

Атрибути сенсора:

  • Data Types: enum.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: вибір одного з режимів роботи пристрою

Аналогічні за функціоналом віджети: List.

Bulb


Bulb widget

Дозволяє вмикати та вимикати лампу, а також налаштовувати яскравість її світіння (якщо є сенсор яскравості).

Bulb widget

З якими сенсорами працює: з будь-якими лампами та світлодіодами.

Атрибути сенсора:

  • Data Types: integer, float, boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: встановлення діапазону, в межах якого користувач може змінювати яскравість світіння, а також крок, з яким будуть вноситись зміни (актуально лише за наявності сенсора яскравості).

Сценарії використання: керування основними функціями світлодіодного світильника.

Аналогічні за функціоналом віджети: відсутні.

Toggle


Toggle widget

Перемикач для активації/деактивації сенсора.

Toggle widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – ввімкнено та вимкнено.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: увімкнення/вимкнення пристрою або його окремої функції.

Аналогічні по функціону віджети: Door, Tumbler, Two-way button.

Two-way button


Two-way button widget

Кнопка для включення та відключення сенсора у стандартному дизайні – зелена ON та помаранчева OFF.

Two-way button widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – ввімкнено та вимкнено.

Атрибути сенсора:

  • Data Types:boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: увімкнення/вимкнення пристрою або його окремої функції.

Аналогічні за функціоналом віджети: Door, Toggle, Tumbler.

Tumbler


Tumbler widget

Тумблер для включення та відключення сенсора у стандартному дизайні – I-O.

Tumbler widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – включено та вимкнено.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: увімкнення/вимкнення пристрою або його окремої функції.

Аналогічні по функціону віджети: Door, Toggle, Two-way button.

Door


Door widget

Кнопка для ввімкнення та вимкнення сенсора у стандартному дизайні – зелена з написом “Open” та зображенням закритого замку та червона з написом “Close” та зображенням відкритого замку.

Door widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – ввімкнено та вимкнено.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: керування електричним замком, шлагбаумом, розумними шторами з електроприводом.

Аналогічні по функціону віджети: Toggle, Tumbler, Two-way button.

LED


LED widget

Відображає стан сенсора – увімкнено або вимкнено. Не дозволяє перемикати значення.

LED widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – ввімкнено та вимкнено.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: вибір дизайну віджету – один із п'яти доступних кольорів.

Сценарії використання: контроль стану будь-якого пристрою – увімкнено або вимкнено.

Аналогічні функціоналу віджети: Motion sensor.

Motion sensor


Motion sensor widget

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

Motion sensor widget

З якими сенсорами працює: з будь-якими, що мають два логічні значення – увімкнено та вимкнено.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true, false.
  • Retained: true, false.

Розширені налаштування: відсутні.

Сценарії використання: контроль стану пристрою (наприклад, робота) – активно чи ні.

Аналогічні по функціону віджети: LED.

Push button


Push button widget

Кнопка активації сенсора.

Push button widget

З якими сенсорами працює: з будь-якими, які запускаються одноразово та не вимагають відключення.

Атрибути сенсора:

  • Data Types: boolean.
  • Settable: true.
  • Retained: false.

Розширені налаштування: відсутні.

Сценарії використання: ручний запуск оновлення прошивки пристрою.

Аналогічні за функціоналом віджети: відсутні.

Color


Color widget

Палітра для встановлення потрібного кольору.

Color widget

З якими сенсорами працює: з будь-якими, що отримують значення кольору в форматі RGB або HSV (наприклад, світлодіоди лампи або гірлянди).

Атрибути сенсора:

  • Data Types: color
  • Settable true
  • Retained: true

Розширені налаштування: відсутні.

Сценарії використання: налаштування кольору світіння лампи у світлодіодному світильнику.

Аналогічні за функціоналом віджети: відсутні.
Made on
Tilda