Готовый интерфейс для автоматизации дома/квартиры

Для перехода в интерфейс управления другими помещениями необходимо нажать и удерживать на названии текущего помещения.

Управление набором комнат

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

Например, на странице BeeToo_rooms_menu_popup располагается индикатор текущего запущенного сценария Room1ActiveScenarioRoomMenu. Индикатор спозиционирован так, чтобы он идеально вписывался в графическое оформление. Данный индикатор также можно нажать и тем самым выключить сценарий. Использовать индикатор как кнопку проблематично: его размеры слишком малы. Поэтому поверх индикатора располагается прозрачная кнопка Room1StopActiveScenarioBtn, которая обрабатывает события нажатии. Значительный размер кнопки и ее позиция (кнопка занимает почти всю площадь родительского цветного блока) обеспечивает доступность этой кнопки на экране мобильного устройства.

При работе с компонентами (добавление, копирование, удаление, перемещение) не забывайте о "невидимых" компонентах. Сохраняйте их позицию относительно условно связанных компонентов, над или под которыми они находятся. Не забывайте переименовывать и менять свойства невидимым компонентам вместе с видимыми.

Как переименовать комнату "room1" в "Кинозал"

Чтобы изменить название комнаты, под которым она отображается пользователю, достаточно исправить значение Text для соответсвующих компонентов UI с Room1 на Кинозал в двух страницах: BeeToo_room1_main_popup и BeeToo_rooms_menu_popup

Внимание! Будьте аккуратны, не пропускайте компоненты при переименовании. Переименовать необходимо строго все графические компоненты. Если хотя бы один будет пропущен, то возможно наложение имен при последующем слиянии ( merge ) проектов. Учитывая, что скрипты обращаются к элементам UI по именам, возможно серьезное нарушение логики работы проекта.

Как изменить фоновое изображение для комнаты room1

Фоновое изображение (background) необходимо менять в UI компоненте Background на странице BeeToo_background_popup. У компонента Background множество состояний (State 1, State 2, State 3 и т.д.), в каждом определена фоновое изображение Image. Его и следует менять.

Как указывается взаимосвязь между конкретным помещением и номером состояния State компонента Background? Данный механизм описан на странице API: api.html/showBackground

Как удалить комнату "room2"

Чтобы удалить комнату, например Room2 , необходимо:

• Удалить директории со страницами (из закладки Project Overview в iRidiium GUI Editor ):

  • BeeToo_room2_popups
  • BeeToo_room2_scenario_pages
  • BeeToo_room2

  Внутри директорий множество страниц, которые буду удалены при удалении самих директорий. Удаляя три директории, описанные выше, фактически будут удалены следующие страницы:

  • BeeToo_room2_main_popup
  • BeeToo_room2_kaleidescape_sc
  • BeeToo_room2_xbox_sc
  • Прочие страницы сценариев с именем "BeeToo_room2_*_sc"
  • BeeToo_room2_kaleidescape_popup
  • BeeToo_room2_xbox_popup
  • Прочие страницы сценариев с именем "BeeToo_room2_*_popup"
  • Страницы с планами помещения:
    • BeeToo_room2_plan_popup1
    • BeeToo_room2_plan_popup2
    • и т.д.
• Необходимо также удалить кнопки и графические элементы относящиеся к Room2 на странице всех комнат BeeToo_rooms_menu_popup:
  
• Скриптовые модули, относящиеся к Room2 :
  • BeeToo_room2_scenarios.js
  • BeeToo_room2_radiochannel_btns.js
  • BeeToo_room2_tvchannel_btns.js

Как создать новую комнату "Room12"

Чтобы создать новую комнату Room12 , необходимо создать 4 основных ее компонента:

• Создать соотвествующие токены в Project Tokens и настроить с ними связь графических элементов
• Страницы комнаты
• Скриптовые модули комнаты
• Графическое представление комнаты в интерфейсе всех комнат BeeToo_rooms_menu_popup

Раскроем подробнее каждый этап.

Создать токены

Необходимо создать по образу и подобию остальных помещений следующий перечень токенов:

• Room12LightStatus, связан с BeeToo_rooms_menu_popup.Room12LightIndicatorValue
• Room12ActiveScenario, связан с BeeToo_rooms_menu_popup.Room12ActiveScenarioRoomMenu.Value и BeeToo_room12_main_popup.Room12OffBtn.Enable
• Room12ActiveScenarioNumber, связан с BeeToo_rooms_menu_popup.Room12ActiveScenarioRoomMenu.Value
• Room12FMScenarioActive, связан с BeeToo_room12_main_popup.Room12FMActiveScenarioIcon.Value
• Room12KaleidescapeMusicScenarioActive, связан с BeeToo_room12_main_popup.Room12KaleidescpaeMusicActiveScenarioIcon.Value
• Room12KaleidescapeScenarioActive, связан с BeeToo_room12_main_popup.Room12KaleidescapeActiveScenarioIcon.Value
• Room12TVScenarioActive, связан с BeeToo_room12_main_popup.Room12TVActiveScenarioIcon.Value
• Room12AppleTVScenario, связан с BeeToo_room12_main_popup.Room12AppleTVActiveScenarioIcon.Value
• Состав указанных токенов зависит от набора сценариев в помещении Room12 и может отличаться для вашего случая

Токены можно скопировать с токенов для другого помещения (например Room3 ) и переименовать для соответствия комнате Room12 . Подробней о создании Tokens и связывании их с элементами UI читайте на официальном wiki-ресурсе iRidium: iRidium GUI Editor Project Tokens

Страницы комнаты

Необходимо по образу и подобию других комнат, создать страницы для комнаты Room12 , а именно:

• BeeToo_room2_main_popup
• BeeToo_room2_kaleidescape_sc
• BeeToo_room2_xbox_sc
• Прочие страницы сценариев с именем "BeeToo_room2_*_sc"
• BeeToo_room2_kaleidescape_popup
• BeeToo_room2_xbox_popup
• Прочие страницы сценариев с именем "BeeToo_room2_*_popup"
• Страницы с планами помещения:
  • BeeToo_room2_plan_popup1
  • BeeToo_room2_plan_popup2
  • и т.д.

Скриптовые модули

Необходимо создать скриптовые модули для реализации логики, связанной с помещением Room12 :

• BeeToo_room12_scenarios.js
• BeeToo_room12_radiochannel_btns.js
• BeeToo_room12_tvchannel_btns.js

Скриптовые модули можно скопировать со скриптов для другого помещения (например Room3 ) и переименовать для соответствия комнате Room12 . Переименовывать необходимо как названия скриптовых модулей, так и переменные и методы, которые используются внутри скриптов. Например:

• showRoom3Blueray3dPult → showRoom12Blueray3dPult

• function room3GoBackToMainPage(popup) {
  
      showMainPopup('room3', 'BeeToo_room3_main_popup', false, false, popup);
      }

  →

  function room12GoBackToMainPage(popup) {
  
      showMainPopup('room12', 'BeeToo_room12_main_popup', false, false, popup);
      }

• var startRoom3TVScenario = function (){
      stopRoom3ScenarioForced();
      IR.SetVariable("Tokens.Room3TVScenarioActive", 1);
      IR.SetVariable("Tokens.Room3ActiveScenario", true);
      IR.SetVariable("Tokens.Room3ActiveScenarioNumber", 2);
      };

  →

  var startRoom12TVScenario = function (){
      stopRoom12ScenarioForced();
      IR.SetVariable("Tokens.Room12TVScenarioActive", 1);
      IR.SetVariable("Tokens.Room12ActiveScenario", true);
      IR.SetVariable("Tokens.Room12ActiveScenarioNumber", 2);
      };

BeeToo_rooms_menu_popup

Элементы для отображения состояния комнаты Room12 можно скопировать с элементов для другого помещения (например Room3 ) и переименовать для соответствия комнате Room12 . Необходимо переименовать каждый элемент графического дизайна, например:

• Room3RoomMenuClickArea → Room12RoomMenuClickArea
• Room3StopActiveScenarioBtn → Room12StopActiveScenarioBtn
• Room3ActiveScenarioRoomMenu → Room12ActiveScenarioRoomMenu
• и т.д.

Не забудьте для графических элементов настроить связи с токенами (Project tokens) помещения Room12 .

Связь с оборудованием

Чтобы проект стал по-настоящему работоспособным, необходимо реализовать управление оборудованием. Управление оборудованием можно разделить на две большие категории:

• Поседовательности команд или "ключевые" команды логическим контроллерам (если в вашем проекте используется подобное оборудование). К таким командам можно отнести:

  • Запустить сценарий Room1TVScenario
  • Остановить активный сценарий в комнате Room3
  • Выключить активные сценарии во всех помещениях
  • Включить группу света "Периметр" в Гостинной
  • Выключить свет везде
  • и т.д.

• Простые команды оборудованию:

  • Команда Play проигрывателю BlueRay дисков
  • Команда Open моторизированному лифту телевизора
  • Команда SetVolume -46.5dB AVC ресиверу
  • и т.д.

"Ключевые" команды

Ключевые команды характерны способом своей отправки. Так, например, команды касательно старта/остановки сценариев отправляются в моменты, когда пользователь переходит между интерфейсами. Зачастую, эти ключевые команды отправляются НЕ по нажатию кнопки. При входе на страницу конкретного сценария BeeToo_room1_blueray3d_sc из главной страницы BeeToo_room1_main_popup происходит вызов процедуры startRoom1BLUERAY3DScenario в которую и следует помещять все команды, производящие непосредственную подготовку оборудования к проигрыванию сценария

Аналогичным образом, в процедуру stopRoom1ScenarioForced помещается код, выключающий все оборудование в комнате. А в процедуру stopRoom1Scenario помещается код, который выключает все оборудование, кроме того, которое долго стартует. Таким образом, можно оставить пользователю возможность выключить сценарий и запустить другой через небольшой промежуток времени и не ожидать длительное время повторного включения оборудования. Если же сценарий выключен через stopRoom1Scenario и некоторое время (например 2 минуты) помещение остается невостребованным, то можно выключать все оборудование по timeout.

"Простые" команды

Простые команды назначаются кнопкам и другим графическим элементам как правило простым стандартным способом, который описан в разделе Работа с оборудованием вики iRidium: https://wiki2.iridiummobile.ru/Работа с оборудованием

Подобным образом назначаются команды кнопкам пультов устройств:

Исключением являются типизированные кнопки, которые повторяются на множестве страниц. Например, кнопка Mute во всех многочисленных страницах разных сценариев помещения Room1 производит одно и то же действие. Поэтому, она везде вызывает одну процедуру room1ChangeMute. Код которой в свою очередь может производить отправку некоторой команды на оборудование. Как выполнять отправку команд в Runtime (из кода), читайте на странице Driver API вики iRidium: https://wiki2.iridiummobile.ru/Drivers_API.

Аналогичным образом, для "ползунка" громкости, который присутствует практически на каждой странице сценария, назначаются две процедуры на два события (для примера рассмотрим сценарий Room1Blueray3DScenario):

• Процедура room1BLUERAY3DOnVolumeSliderRelease для события onRelease (когда ползунок отпустили)
• Процедура room1BLUERAY3DOnVolumeSliderMove для события onMove (когда ползунок двигают)