Общая концепция

Интерфейс системы выполнен в виде сайта. Это решение имеет множество достоинств:

• Привычность. Не нужно переучиваться для работы с системой. Всё привычно и знакомо по интернет сайтам и пользоваться системой могут даже дети.
• Кроссплатформенность. Интерфейс работает везде, на любых платформах и в любых операционных системах.
• Адаптивность. Сайт сам подстраивается под размер вашего устройства и одинаково хорошо выглядит как на широкоэкранном мониторе, так и на небольшом планшете или смартфоне.
• Стандартные технологии. Интерфейс сделан как обычный сайт и разрабатывать его можно, используя стандартные технологии (HTML, CSS, JavaScript, Ajax и т. п.) и инструменты разработчика.
• Богатый вывод. Выводить данные и информацию из контроллера можно с помощью JavaScript библиотек с роскошной графикой, вплоть до 3D.

Мульти-сайтовая система

Система устроена таким образом, что сайт-интерфейс может быть не один, а их может быть любое количество (в разумных пределах, например, 5, 10, 50, 100 или больше).

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

Устройство сайта-интерфейса

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

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

Полноэкранный режим

Это режим полноэкранных информеров, когда на полный экран выводится красивая картинка (или логотип компании) и на её фоне демонстрируется динамика изменения какого-либо параметра.