Интерактивные чертежи и схемы на сайтах и в веб-приложениях позволяют не только демонстрировать различные объекты, но и управлять ими. Если требуется разместить некий масштабируемый план, содержащий элементы с обратной связью, то растровая графика или PDF уже не подходит. Мы решаем эту задачу с помощью SVG-объектов с различными уровнями вложенности и управлением их свойствами на CSS и JS.
Рассмотрим такой пример:
- Существует некая группа устройств, управление которыми осуществляется удаленно.
- Для управления диспетчеру необходима интерактивная схема для лучшей наглядности.
- Объекты на схеме могут иметь различные параметры в зависимости от настроек и состояния устройств.
- При взаимодействии с определенными объектами их параметры могут меняться (обратная связь).
При этом устройства могут присутствовать в любом количестве, не всегда должны управляться (датчики), могут формировать группы с общим управлением. Параметры для них также могут быть и общие и отдельные — и все это необходимо предусмотреть.
И самое главное — интерфейс в итоге должен быть удобным для конкретных задач. Дизайн в данном случае имеет второстепенное значение, но здесь работает правило: если управление полностью понятно — значит и дизайн удался. Оформление проходит уже на финальных этапах.