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

При возникновении критической аварии в любом из зданий - это здание на странице окрашивается в желтый цвет (цвет выбранный пользователями как аварийный).

В этом проекте красный цвет - выключения, а зелёный - включения оборудования.

Планы этажей во всех зданиях представлены таким образом, что пользователь вначале видит только цветные зоны (помещения). Цвет является индикатором разницы температуры воздуха и уставки.

Оранжевый цвет говорит о превышении температуры на 2 градуса (°С) и красный о превышении температуры более чем на 4 градуса (°С). Температура ниже отражена синими оттенками цвета.

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

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

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

При появлении критической аварии в той или иной системе кнопка, ссылающаяся на эту систему, окрашивается в аварийный цвет (желтый).

Все динамичные элементы в этом проекте написаны мной с использованием JavaScript и другими внутренними ресурсами Desigo CC.

Главный код централизирован и позволяет разработчику легко изменять параметры системы. Например, можно изменить цвета аварии в главном коде, что отразится на всём проекте. В данном проекте это принципиально важно, ввиду масштабов проекта. В двух кампусах (северный и южный) насчитывается около 50 зданий с общей системой автоматизации. Такой подход не только позволил без труда перенести этот скрипт и всю логику на другой проект, но также даёт возможность для дальнейшего расширения проекта без моего участия.