Про интерфейсы управления систем «Умного дома»

Управление доступом с Apple Watch Администрирование СКУД с iPad Raspberry Pi Управление аудио-видео в «Мерседесе» Про интерфейсы управления Медиа-центр Kaleidescape Мультирум и кинотеатр с управлением Kymera Magic Wand Tермостат AMX ENV-VST-C

В 2011 году была нашими специалистами была закончена работа над интерфейсом управления для сенсорных панелей и пульта управления AMX, являющихся основными элементами управления системы «Умный дом».

В данном примере интерфейс управления реализован для двух типов устройств:

Сенсорной панели AMX MVP-5200i с разрешением 800 на 480 пикселей.
Пульта AMX MIO-R4 с разрешением экрана 240 на 320 пикселей.

При этом обе реализации интерфейсов имеют абсолютно одинаковую функциональность.

Сенсорная панель управления AMX MVP-5200i и пульт AMX MIO-R4 имеют различное разрешение, сохраняя при этом одинаковую функциональность

Пользовательский интерфейс управления был разработан для сенсорных панелей AMX 4-го поколения и пульта управления AMX с учетом всех графических и функциональных возможностей этих устройств.

Часть 1. Конкретный подход

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

Фото 1

Интерфейс выбора инженерной системы на сенсорной панели управления AMX MVP-5200i

А так выглядит этот интерфейс на пульте AMX MIO-R4, который имеет разрешение 240х320 пикселей

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

Фото 2

Страница общего плана дома на сенсорной панели управления AMX MVP-5200i. Здесь можно управлять инженерными системами во всем доме сразу

Аналогичный интерфейс на пульте AMX имеет похожий вид

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

Если выбранная система активна в комнате — кнопка комнаты имеет оранжевый цвет, если нет — синий.

Кнопка «выключить» в данном случае уже будет выключать систему не в отдельной комнате, а во всем доме сразу. Нажатие на кнопку комнаты приведет нас на главную страницу данной комнаты, а кнопка «выход» — на страницу комнаты (см. фото 1).

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

На фото 3 представлен интерфейс управления светом в комнате.

Фото 3

Интерфейс управления светом на сенсорной панели управления AMX

Светом можно управлять не только с сенсорной панели AMX, но и с пульта

Иконка лампочки отображает реальное состояние световой зоны. Нажатие на лампочку приводит к включению или выключению источника света. Кнопки со стрелками позволяют управлять яркостью света (эта функция доступна только при наличии диммера). Имеется возможность запоминать текущее состояние световых зон (световые сцены) с помощью кнопок выбора сцен, расположенных в нижней части страницы. Запомненную сцену впоследствии можно быстро включить одним нажатием кнопки. Кнопка «выключить» в данном случае управляет всеми источниками света в данной комнате.

На фото 4 мы управляем климатом в комнате.

Фото 4

Интерфейс управления климатом на панели управления AMX MVP-5200i

Интерфейс управления климатом также доступен с пульта AMX

Интерфейс управления климатом также доступен и с пульта AMX

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

На фото 5 представлен интерфейс управления медиа устройствами комнаты.

Фото 5

Интерфейс управления радио, спутниковым ТВ, аудио и видеоплеером, телевидением на сенсорной панели AMX

Аналогичные возможности и вид имеет интерфейс управления на пульте AMX

На данной странице интерфейса можно выбрать для воспроизведения источник аудио или видео. Активный источник выделяется зеленой рамкой. При выборе источника мы попадаем на страницу управления этим источником (в данной статье эти страницы не представлены). Кнопка «Настройки» приводит нас в меню управления настройками телевизора.

Здесь также можно управлять уровнем громкости аудио или видео источника и открывать окно эквалайзера (см. фото 6).

Фото 6

Интерфейс управления уровнем громкости аудио или видео источника и окно эквалайзера на сенсорной панели AMX MVP-5200i

Аналогичный интерфейс управления уровнем громкости и эквалайзером доступен на пульте AMX MIO-R4

Часть 2. Принципиальный подход

Здесь мы обозначим основные принципы, которые были использованы при разработке показанных выше интерфейсов.

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

2) Структурированность — четкое соблюдение структуры при построении сложных много уровневых интерфейсов. В данном примере существует 4 уровня управления: весь дом, комната, система, подсистема (см. фото 2). В доме 11 комнат и 3 системы, доступных для управления (свет, климат, медиа).

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

3) Мультимасштабность — совмещение в одном интерфейсе функций локального и глобального управления. То есть с помощью одной панели пользователь может управлять, как отдельной системой в отдельно взятой комнате, так и всеми системами во всем доме сразу. Так на фото 3 представлен интерфейс управления светом в одной комнате, а на фото 2 мы уже управляем светом во всем доме.

4) Полисемия — наличие нескольких вариантов управления одним и тем же объектом. Например в данном интерфейсе управление громкостью в комнате (см. фото 4) возможно как с сенсорного экрана, так и с внешних элементов управления (вращаемое колесико для панели MVP-5200i или внешняя кнопка «Vol» для пультов MIO-R4).

5) Универсальность — возможность реализации интерфейса управления на различных панелях с различным разрешением экрана.

Так в данном примере интерфейс управления реализован для двух типов устройств: сенсорной панели AMX MVP-5200i (разрешение 800х480) и пульта AMX MIO-R4 (разрешение 240х320). При этом обе реализации интерфейса имеют абсолютно одинаковую функциональность (см. самое первое фото).

Об эстетике

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

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