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

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

Анимация, в которой показана суть виджета

Перейти в портфолио и почитать о процессе

Для статьи понадобилось сделать снимки веб-интерфейса с разными данными, но делать это на реальном оборудовании долго — нужно настроить контроллер, эмулировать данные, составить дашборды.

Я решил нарисовать копию интерфейса в Figma и заполнить его нужными мне данными. Так я сэкономил два шага и немного денег компании. Получилось неплохо.

Бонусом проверил работу реального веб-интерфейса, составил разработчикам багрепорт — не все элементы в интерфейсе масштабируются как хотелось бы, поправят.

Виртуальная копия веб-интерфейса