РЕШЕНИЕ

Интерактивный контент для музеев и выставок

Контент для сенсорного экрана, киоска и видеостены в музее: какой плеер и тачскрин нужны, как собрать проект в Elementi, кто его обновляет и что будет без сети.

Инфозона библиотеки имени Паустовского: две панели на стене и сенсорный стол с картой района

Интерактивный контент в музее — это экран, который меняет сюжет по касанию посетителя, а не по расписанию: каталог экспонатов с фото и описанием, карта экспозиции, викторина для школьной группы, киоск-пульт, который переключает сюжеты на видеостене. От обычного информационного экрана его отличает не дизайн, а три вещи:

  • сенсорная панель должна работать с плеером без драйверов;
  • проект собирается как набор страниц с переходами;
  • сотрудники музея должны обновлять его без подрядчика.

Ниже по разделам:

  • какое оборудование нужно для сенсорного экрана и киоска;
  • как устроена интерактивная видеостена;
  • как собирается проект в Elementi;
  • что происходит без интернета;
  • кто обновляет контент;
  • сколько времени занимает разработка;
  • что ломается;
  • где у технологии честные пределы.
1 медиаплеер на сенсорный экран или киоск — без компьютера рядом
HID — главное требование к сенсорной панели
Kiosk или Systems — набор функций плеера для интерактива
60 мс — задержка отрисовки после касания в ускоренном режиме
0 обращений к серверу при касании — все считает плеер
4 синхронных выхода iBX440 для интерактивной видеостены

Что такое интерактивный контент для музея

Интерактивный контент — это макеты, которые переключаются по действию человека. Действием может быть:

  • касание экрана;
  • нажатие кнопки;
  • команда с другого устройства.

В музее у него четыре типовые формы:

  • каталог: посетитель выбирает экспонат или зал и получает фото, описание и даты;
  • карта: нажатие на объект открывает карточку, а QR-код переносит маршрут в телефон;
  • викторина или игра, которой занимают группу, пока она ждет экскурсию;
  • пульт: киоск с кнопками, который управляет большим экраном или видеостеной в зале.

Все четыре устроены одинаково, поэтому бюджет определяет не жанр, а три параметра:

  • число страниц;
  • объем данных;
  • количество экранов в сценарии.

Как это выглядит на объекте. В Центральной библиотеке имени К. Г. Паустовского в Санкт-Петербурге инфозона — панели на стене над сенсорным столом — работает в трех режимах (кейс):

  • автоматический показ контента;
  • интерактивная карта Московского района: нажатие на объект открывает фото, описание, адрес и часы работы, а QR-код строит маршрут от библиотеки до объекта;
  • викторина по литературе, истории и спорту: вопросы подбираются случайно по 10, неправильные ответы подсвечиваются, в конце участник видит соотношение правильных и неправильных.

Для музея тот же набор режимов становится навигацией по залам и диджитал-экскурсоводом.

Неинтерактивная часть музейных экранов — афиша, расписание выставок, зона логотипов спонсоров — разобрана в материале о разработке контента для цифровых экранов и собрана в готовом пакете контента «Музеи». Эта страница — только про то, что отвечает на касание.

Какое оборудование нужно для сенсорного экрана в музее

Минимальная связка — сенсорная панель и медиаплеер с аппаратной лицензией Kiosk или Systems. Экран подключается к плееру по HDMI, сенсорный контроллер — к USB-порту плеера. Главное условие: контроллер должен работать по стандарту HID, то есть без собственного драйвера.

Мультитач появился в DSOS 4.7.0, но с двумя оговорками:

  • не каждый мультитач-контроллер совместим с плеером — если калибровка не проходит, панель переводят в режим одиночного касания;
  • макеты на SVG мультитач не понимают и сводят жест к одному касанию, поэтому жесты двумя пальцами — масштаб карты, увеличение фотографии — делаются только в HTML-слое.

Из двух моделей, которые поставляются в Россию, под одиночный сенсорный экран или киоск подходит EMP-III. У него:

  • один видеовыход до 4K;
  • три порта USB;
  • порт USB Type-C.

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

КомпонентЧто нужноНа что смотреть
МедиаплеерiQnetiX EMP-III для одного сенсорного экрана или киоска; iBX440 для видеостеныОдин EMP-III ведет один экран; единый кадр на стене требует синхронных выходов iBX440
Набор функций плеераKiosk или SystemsНа базовом наборе Widgets интерактив по USB не работает; прием команд по сети от другого плеера требует Systems
Сенсорная панель или накладкаС HID-контроллером по USBПанели с собственным драйвером не подойдут; мультитач — только в HTML-слое
РедакторElementiПрограмма для Windows, на Mac — через Windows в Parallels
СетьПроводной EthernetWi-Fi у EMP-III и iBX440 нет; сеть нужна для обновлений, а не для касаний
Настройка плеераГалочка «Accept touchscreen and keyboard events» в Control CenterРаздел Advanced Applications — Interactivity; при необходимости — калибровка панели

Интерактивная видеостена: где работает касание, а где кнопка

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

  • с киоска;
  • по расписанию;
  • с пульта.

Технически киоск работает так: плеер киоска отправляет команду по локальной сети плееру стены, и тот переключает сюжет.

Виджет Click to Action в Elementi умеет отправлять такие команды другому плееру, а принимать команды по сети плеер стены может с набором функций Systems.

Сама стена — задача iBX440: четыре синхронных выхода HDMI 2.0b, в сумме до 8K при 60 fps с одного устройства, поэтому единый кадр не разъезжается на стыках. Контент под такую стену собирается как один макет нужной геометрии, а не как четыре отдельных ролика.

Пример связки нескольких поверхностей в одном контуре — зона гостеприимства Газпромбанка на «Газпром Арене» (кейс). Она работает от пяти медиаплееров SpinetiX HMP400, синхронизированных между собой, и включает:

  • видеостену;
  • панели 55 дюймов;
  • два интерактивных стенда диаметром 1 метр;
  • голографические пирамиды.

В Россию сегодня поставляются EMP-III и iBX440, логика проекта от смены модели не меняется.

Разработка интерактивного контента для музея: как собирается проект в Elementi и jSignage

Простой интерактив собирается без программирования, из готовых виджетов Elementi, в три шага:

  • макеты-страницы («Главное меню», «Раздел 1», «Раздел 2»);
  • кнопки на виджете Click to Action с командой для каждой кнопки;
  • интерактивный плейлист Action to Switch в корневом файле проекта index.svg, который по команде открывает нужную страницу.

Проверить результат можно прямо в Elementi, в режиме предпросмотра с кликами мышью, до публикации на плеер.

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

Сложнее там, где страницы строятся из данных:

  • каталог на сотни экспонатов;
  • викторина со случайным набором вопросов;
  • карта с фильтром по категориям.

Такие сценарии пишутся на JavaScript с библиотекой jSignage, а данные подтягиваются из файлов и внешних источников — CSV, XML, JSON. Принцип тот же, что на табло и в расписаниях: макет один, меняются данные, и сотрудник музея правит таблицу, а не дизайн.

Работает ли интерактивный экран без интернета

Да, и это его нормальный режим. Проект целиком лежит на плеере — 64 ГБ встроенной памяти у EMP-III, SSD 128 ГБ у iBX440, — а касания обрабатывает сам плеер, без обращения к серверу. Сеть нужна для другого:

  • опубликовать новую версию;
  • обновить данные;
  • видеть состояние плеера удаленно.

Если связь пропала, посетитель этого не заметит, пока не понадобится свежая информация.

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

Оговорка, которую стоит учесть в проекте экспозиции: ни у EMP-III, ни у iBX440 нет Wi-Fi, сеть только проводная, поэтому кабель к киоску закладывают заранее.

Как сотрудники музея обновляют интерактивный контент

Хороший интерактивный проект разделяет две роли. Разработчик один раз собирает сценарий — страницы, кнопки, переходы. Сотрудник музея дальше меняет только содержимое:

  • тексты;
  • фотографии;
  • строки таблицы с экспонатами;
  • даты выставок.

Так было устроено в парке «Зарядье»: контентом всех зон, включая выставочный зал для временных экспозиций, занимался один специалист отдела информации и общественных связей (кейс). Он:

  • собирал материалы;
  • создавал плейлисты в Elementi;
  • настраивал расписание;
  • заранее проверял результат в предпросмотре.

Публикация — кнопка «Опубликовать» с выбором плеера или группы плееров.

На фасаде Almaty Museum of Arts ежедневную работу взял на себя плеер (кейс). Он:

  • ведет календарь объекта;
  • вечером поднимает проекторы;
  • запускает контент по расписанию;
  • ночью гасит систему без оператора.

Сколько времени занимает разработка интерактивного контента

Зависит от маршрута. Готовый пакет «Музеи» — информационный контент, в котором есть:

  • время и дата;
  • погода;
  • описание;
  • фотогалерея;
  • QR-код.

Пакет запускается быстро: логика в нем собрана, остается добавить свою информацию, а публикация на плеер занимает меньше минуты. Интерактивный сценарий с нуля — это проект с этапом согласования макетов.

Ориентир для проекта с несколькими поверхностями — около трех месяцев до монтажа. Так выглядел график мультимедийного стенда SpinetiX на ISR 2020:

  • месяц на дизайн-концепцию;
  • два месяца на технологическую концепцию и производство контента;
  • три недели на монтаж и настройку.

Киоск на несколько страниц — задача меньшего масштаба, его срок называют после согласования сценария.

Проект зоны гостеприимства на «Газпром Арене» с видеостеной, интерактивными стендами и голографией реализован с января по апрель 2021 года. Разбор выставочных проектов — в материале о цифровых вывесках на выставках.

Срок чаще всего определяет не программирование, а наполнение:

  • тексты;
  • права на изображения;
  • перевод.

Их собирают параллельно с макетами, а не после.

Что ломается в интерактивных экранах

Экран не реагирует на касания

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

  • видит ли плеер сенсорный контроллер и включен ли интерактив в Control Center;
  • пройдена ли калибровка;
  • имеет ли проект неограниченную длительность.

Хрипит звук, первое касание «теряется»

Ускоренный режим отрисовки хорош для кнопок, но мешает звуку. Если экспонат сопровождается аудио, ускорение отключают, а задержку отрисовки держат не ниже 500 мс; то же отключение лечит случай, когда первое касание будто пропадает. Настройка делается один раз на плеере, но знать о ней нужно до открытия зала.

Жест двумя пальцами не работает

Макет собран на SVG, а SVG мультитач не поддерживает — плеер сводит жест к одному касанию. Масштабирование карты или фотографии двумя пальцами делают в HTML-слое, и решение принимают на этапе сценария, а не после сдачи.

Викторина про прошлую выставку

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

Подобрать плеер под задачу можно в конфигураторе, найти интегратора — на странице партнеров.

Частые вопросы

Какой контент нужен для сенсорного экрана в музее?
Контент, который отвечает на касание, а не идет по расписанию. Типовые формы — каталог экспонатов или залов с фото и описанием, интерактивная карта с QR-кодом маршрута, викторина со случайным набором вопросов и киоск-пульт, который переключает сюжеты на большом экране. Технически это набор страниц с переходами по кнопкам, собранный в Elementi. Частая ошибка — зашить экспонаты в сам макет: тогда каждая правка текста требует разработчика. Данные выносят в таблицу, которую правит сотрудник музея.
Какое оборудование нужно для интерактивного экрана в музее?
Три компонента: медиаплеер, сенсорная панель с HID-контроллером по USB и набор функций Kiosk или Systems на плеере. Для одиночного сенсорного экрана или киоска подходит iQnetiX EMP-III — один выход до 4K; для видеостены с единым кадром — iBX440 с четырьмя синхронными выходами HDMI 2.0b. Отдельный компьютер у экрана не нужен: касания обрабатывает сам плеер. Оборудование поставляется только через партнеров клуба.
Подойдет ли любой сенсорный экран?
Нет, только с HID-контроллером — тем, что работает без собственного драйвера. Установить сторонний драйвер на плеер нельзя: ОС DSOS закрыта ради безопасности. Поэтому, например, экраны Elo на технологии APR не поддерживаются, а их варианты IntelliTouch, как правило, работают — в режиме одиночного касания. Мультитач поддерживается с DSOS 4.7.0, но только в HTML-слое: макеты на SVG сводят жест к одному касанию. Совместимость проверяют по публичному списку SpinetiX или на стенде до закупки.
Можно ли сделать интерактивную видеостену?
Да, но касание работает только там, куда дотягивается рука. Обычная схема — видеостена показывает, а сенсорный киоск рядом управляет: плеер киоска отправляет команду по локальной сети плееру стены, и тот переключает сюжет. Для приема команд по сети на плеере стены нужен набор функций Systems. Единый кадр на нескольких панелях ведет iBX440 — четыре синхронных выхода, в сумме до 8K при 60 fps. Стена высотой в два этажа сенсорной не бывает.
Что делать, если сенсорный экран перестал реагировать на касания?
Сначала проверить настройку, а не менять оборудование. По порядку: видит ли плеер сенсорный контроллер и включена ли в Control Center галочка «Accept touchscreen and keyboard events» (раздел Advanced Applications — Interactivity); пройдена ли калибровка панели; имеет ли интерактивный проект неограниченную длительность — иначе касания не обрабатываются. Если касания «теряются» или хрипит звук, отключают ускоренный режим отрисовки и ставят задержку не ниже 500 мс. Панель, которой нужен фирменный драйвер, с плеером не заработает.
Работает ли интерактивный киоск без интернета?
Да. Проект хранится на плеере — 64 ГБ у EMP-III, SSD 128 ГБ у iBX440, — и касания обрабатывает сам плеер без обращения к серверу. Сеть нужна, чтобы опубликовать новую версию, обновить данные и видеть состояние плеера удаленно. Оговорка: Wi-Fi у EMP-III и iBX440 нет, подключение только проводное, поэтому кабель к киоску закладывают в проект экспозиции.
Как сотрудники музея будут обновлять интерактивный контент?
С рабочего компьютера, без разработчика — если проект так спроектирован. Сценарий один раз собирается в Elementi, а тексты, фото и данные экспонатов выносятся в поля и таблицы, которые правит сотрудник, и публикуются кнопкой на плеер или группу плееров. Так в парке «Зарядье» контентом всех зон, включая выставочный зал, занимался один специалист отдела информации. Elementi работает на Windows, на Mac — через Parallels; с телефона удобно следить, что плеер на связи, но не собирать страницы.
Сколько времени занимает разработка интерактивного контента для музея?
Для проекта с несколькими поверхностями ориентир — около трех месяцев до монтажа. Так выглядел график мультимедийного стенда SpinetiX на ISR 2020: месяц на дизайн-концепцию, два месяца на технологическую концепцию и производство контента, затем три недели на монтаж и настройку. Киоск на несколько страниц делается быстрее, срок называют после согласования сценария. Готовый пакет «Музеи» запускается быстрее: логика в нем уже собрана, остается добавить свою информацию. Срок чаще всего определяет не программирование, а наполнение — тексты, права на изображения, перевод.
Кто разрабатывает интерактивный контент и кто монтирует экраны?
Контент делаем мы, монтаж — партнер. DSTOOLS разрабатывает сценарии, макеты и виджеты под задачу, пишет ТЗ, настраивает интерактив и обучает сотрудников; готовые решения — викторина, кнопки и переключатели, навигация — уже есть в портфеле. Монтаж экранов и киосков, сеть и пусконаладку на объекте ведет интегратор из партнерского клуба, он же заключает договор с музеем. Содержание экспозиции — тексты и права на изображения — как правило, остается за музеем.
Что входит в разработку интерактивного контента для музея?
Сценарий, макеты и виджеты. Под ключ входит сценарий переходов (страницы, кнопки, порядок), макеты в Elementi, виджеты Click to Action и Action to Switch, настройка интерактива на плеере (галочка «Accept touchscreen and keyboard events») и проверка в режиме предпросмотра с кликами мышью. От музея нужны исходные материалы: тексты и атрибуции экспонатов, фотографии с правами на использование, список залов или объектов для карты, вопросы для викторины — их музей обычно готовит сам, а мы собираем из них сценарий и логику. Готовый пакет «Музеи» запускается быстро — логика уже собрана, остается добавить свою информацию, публикация занимает меньше минуты. Сценарий с нуля для нескольких поверхностей — отдельный проект, ориентир около трех месяцев до монтажа.
Можно ли использовать один интерактивный сценарий в нескольких залах или на нескольких объектах?
Да, сценарий переиспользуется. Одна и та же логика — страницы, кнопки, переходы — публикуется на несколько плееров или сразу на группу плееров кнопкой «Опубликовать»; по этому принципу в парке «Зарядье» контентом всех зон, включая выставочный зал для временных экспозиций, управлял один специалист из одного Elementi. Данные под каждый зал можно менять независимо — свой список экспонатов, свои вопросы викторины, — а макет и переходы остаются общими. Честный предел: если залы отличаются оборудованием — где-то одиночный экран, где-то видеостена, — под них собирают отдельный макет, а не один сценарий на все конфигурации.
Как сделать интерактивный контент для видеостены в музее?
Связкой «стена плюс киоск». Интерактивный контент для видеостены собирается как один макет нужной геометрии, а касаться можно только сенсорного киоска рядом: его плеер по локальной сети переключает сюжеты на плеере стены. Так же устроен интерактивный контент для экранов в залах, где сенсорной делают небольшую панель, а не всю стену. Сколько стоит такая разработка и чем она отличается от готового пакета и кастомизации — в материале о разработке контента для цифровых экранов.

Что еще умеет 123CMS

CORE Ядро 123CMS Все экраны SpinetiX в одной консоли
123WF Навигация Карту рисуете сами в браузере
123MM Реклама площадки Показ рекламы, счет и отчет — в одной системе
123SE Спортивные объекты Турникет, зоны и эвакуация из одной консоли
123SB Бронирование пространств Переговорные и парковка — статус на экране

Все модули входят в лицензию 123CMS; оплачивается число плееров. Подробнее — на странице 123CMS.

Оборудование и сценарии
Следующий шаг

Посчитаем похожий проект для вас

Опишите задачу — подберем оборудование, покажем аналогичные внедрения, посчитаем смету. Без маркетинговых заходов.