IT.
← Все проекты

CMS для интерактивных инсталляций

Signage CMS

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

12
типов блоков контента
0
кода, чтобы собрать дисплей
0
нужен интернет

Задача

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

Что я сделал

Собрал систему, которой управляют сами сотрудники: собирают каждый экран, перетаскивая блоки, дисплеи идут в такт друг с другом, и всё работает офлайн, без интернета. Разработчик для этого не нужен. Первое реальное внедрение это музейная экспозиция.

Инженерные решения

  1. 01

    Сотрудники ведут всё сами

    Сотрудники сами добавляют контент и работают с готовыми типами блоков, без разработчика для повседневных задач. Новые типы блоков можно заказать через поддержку.

  2. 02

    Дисплеи отвечают в такт

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

  3. 03

    Работает без интернета

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

  4. 04

    Переживает отключение питания

    Если дисплей теряет питание и перезагружается, он сам возвращается ровно к тому, что показывал, и никому не нужно пересинхронизировать его руками.

Экраны

Итог

White-label система, которая гоняет синхронные интерактивные дисплеи: сенсорные столы, проекторы, инфоэкраны, и даёт сотрудникам собирать и менять их без кода. Уже работает в музее на выставке «Блокадный Ленинград», и всё работает офлайн на компьютере площадки.

Построено на

  • Vue 3
  • Node.js / Express
  • Socket.IO
  • PostgreSQL 15
  • Electron
  • Docker Compose