Виджеты приборной панели RealIoT предоставляют удобный способ отображения и управления IoT устройствами.
В этом руководстве рассматриваются различные типы виджетов и способы их настройки.
📊 Типы виджетов
🛠️ Создание виджета
Шаг 1: Выбор типа виджета
- Откройте панель управления (Dashboard)
- Нажмите кнопку "+ Добавить виджет"
- Выберите подходящий тип виджета из списка
- Укажите источник данных (устройство и его параметр)
Шаг 2: Настройка отображения
- Название: Понятное имя виджета для пользователя
- Размер: Малый (1x1), средний (2x1), большой (2x2)
- Цвета: Основной цвет, цвет фона, цвет текста
- Единицы измерения: °C, %, Вт, л/мин и др.
Шаг 3: Дополнительные настройки
- Диапазоны значений: Минимальные и максимальные значения
- Пороги и предупреждения: Критические значения
- Обновление данных: Частота обновления виджета
- Анимация: Плавные переходы между значениями
🎨 Настройка внешнего вида
🖌️ Цветовые темы
RealIoT поддерживает несколько предустановленных цветовых тем:
- Светлая тема - классическая белая панель с темным текстом
- Темная тема - темная панель с светлым текстом для работы в темноте
- Цветная тема - яркие цвета для лучшего восприятия
- Пользовательская - настройка собственных цветов
📱 Адаптивность и мобильные устройства
Виджеты RealIoT автоматически адаптируются под размер экрана:
| Устройство | Размер экрана | Поведение виджетов |
|---|---|---|
| Десктоп | > 1200px | Полный размер, сетка 4-6 колонок |
| Планшет | 768px - 1200px | Средний размер, сетка 2-3 колонки |
| Смартфон | < 768px | Одна колонка, увеличенный текст |
⚡ Интерактивные функции
👆 Управление жестами
- Тап - переключение состояния
- Свайп - изменение значения слайдера
- Долгое нажатие - меню настроек
🔔 Уведомления
- Всплывающие уведомления при изменении значений
- Звуковые сигналы для критических событий
- Push-уведомления на мобильные устройства
📊 Контекстные меню
- История изменений значений
- Экспорт данных в CSV/Excel
- Быстрые настройки виджета
🔧 Расширенные настройки
⚙️ Пользовательские формулы
Для опытных пользователей доступна настройка пользовательских формул преобразования данных:
// Преобразование температуры из Цельсия в Фаренгейт value * 1.8 + 32 // Расчет потребляемой мощности voltage * current // Процентное соотношение (current_value / max_value) * 100
📚 Примеры использования
🏠 Умный дом
- Температура и влажность в комнатах
- Управление освещением
- Состояние окон и дверей
- Расход энергии
🏭 Промышленность
- Показания счетчиков
- Состояние оборудования
- Параметры производственных процессов
- Системы безопасности
🌱 Сельское хозяйство
- Условия в теплицах
- Системы полива
- Мониторинг почвы
- Погодные станции