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

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

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

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

Минимальная связка — медиаплеер, сенсорная панель и набор функций плеера, который разрешает интерактив. Экран подключается к плееру по HDMI, сенсорный контроллер — к USB-порту плеера. Главное требование к панели жесткое: контроллер должен работать по стандарту HID, то есть без собственного драйвера. Установить сторонний драйвер на плеер нельзя — операционная система DSOS закрыта сознательно, ради безопасности публичного экрана. Поэтому панели, которым нужен фирменный драйвер, не подойдут: например, экраны Elo на технологии акустического распознавания APR не поддерживаются, а их варианты IntelliTouch, как правило, работают — в режиме одиночного касания. Список проверенных панелей и накладок SpinetiX ведет публично; в нем, среди прочего, монитор ViewSonic TD2340, который в 2013 году проверяли мы сами, и панель Sharp PN-LC652, которая умеет питать iQnetiX EMP-III через кабель USB-C.

Одиночное касание SpinetiX поддерживает для HID-контроллеров в целом, но список проверенных моделей не исчерпывающий. Мультитач появился в DSOS 4.7.0, но с двумя оговорками: не каждый мультитач-контроллер совместим с плеером — если калибровка не проходит, панель переводят в режим одиночного касания, — а макеты на SVG мультитач не понимают и сводят жест к одному касанию. Жесты двумя пальцами — масштаб карты, увеличение фотографии — делаются только в HTML-слое. Из двух моделей, которые поставляются в Россию, под одиночный сенсорный экран или киоск подходит EMP-III: один видеовыход до 4K, три порта USB и порт USB Type-C. iBX440 нужен там, где интерактив управляет видеостеной из нескольких синхронных выходов.

Интерактивный контент для видеостены почти всегда устроен как пара: большой экран показывает, сенсорный киоск рядом управляет. Касаться можно только той панели, до которой дотягивается рука, поэтому стена высотой в два этажа сенсорной не бывает — сюжеты на ней переключают с киоска, по расписанию или с пульта. Технически это выглядит так: плеер киоска отправляет команду по локальной сети плееру стены, и тот переключает сюжет. Виджет Click to Action в Elementi умеет отправлять такие команды другому плееру, а принимать команды по сети плеер стены может с набором функций Systems.

Сама стена — задача iBX440: четыре синхронных выхода HDMI 2.0b, в сумме до 8K при 60 fps с одного устройства, поэтому единый кадр не разъезжается на стыках. Контент под такую стену собирается как один макет нужной геометрии, а не как четыре отдельных ролика. Пример связки нескольких поверхностей в одном контуре — зона гостеприимства Газпромбанка на «Газпром Арене»: видеостена, панели 55 дюймов, два интерактивных стенда диаметром 1 метр и голографические пирамиды работают от пяти медиаплееров SpinetiX HMP400, синхронизированных между собой (кейс). В Россию сегодня поставляются EMP-III и iBX440, логика проекта от смены модели не меняется.

Простой интерактив собирается без программирования, из готовых виджетов Elementi, в три шага: макеты-страницы («Главное меню», «Раздел 1», «Раздел 2»), кнопки на виджете Click to Action с командой для каждой кнопки и интерактивный плейлист Action to Switch в корневом файле проекта index.svg, который по команде открывает нужную страницу. Проверить результат можно прямо в Elementi, в режиме предпросмотра с кликами мышью, до публикации на плеер. Пошагово, с готовым проектом для скачивания, это разобрано в инструкции по созданию интерактивного контента.

Сложнее там, где страницы строятся из данных: каталог на сотни экспонатов, викторина со случайным набором вопросов, карта с фильтром по категориям. Такие сценарии пишутся на JavaScript с библиотекой jSignage, а данные подтягиваются из файлов и внешних источников — CSV, XML, JSON. Принцип тот же, что на табло и в расписаниях: макет один, меняются данные, и сотрудник музея правит таблицу, а не дизайн. Две технические детали экономят день на объекте: интерактивный проект должен иметь неограниченную длительность, иначе касания не обрабатываются, а на самом плеере интерактив включается отдельно — галочкой «Accept touchscreen and keyboard events» в разделе Advanced Applications — Interactivity.

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

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

Хороший интерактивный проект разделяет две роли. Разработчик один раз собирает сценарий — страницы, кнопки, переходы. Сотрудник музея дальше меняет только содержимое: тексты, фотографии, строки таблицы с экспонатами, даты выставок. Так было устроено в парке «Зарядье»: контентом всех зон, включая выставочный зал для временных экспозиций, занимался один специалист отдела информации и общественных связей — собирал материалы, создавал плейлисты в Elementi, настраивал расписание и заранее проверял результат в предпросмотре (кейс). Публикация — кнопка «Опубликовать» с выбором плеера или группы плееров. На фасаде Almaty Museum of Arts ежедневную работу взял на себя плеер: он ведет календарь объекта, вечером поднимает проекторы, запускает контент по расписанию и ночью гасит систему без оператора (кейс).

Что заложить заранее. Редактирование — работа на компьютере: Elementi — программа для Windows, на Mac она запускается через Windows в Parallels. С телефона удобно следить за сетью — видеть, что плеер на связи, — но не собирать страницы. Обучение сотрудников мы проводим сами, но учить надо роль, а не одного человека: интерактив, который умел обновлять только уволившийся энтузиаст, превращается в витрину, которую никто не трогает.

Зависит от маршрута. Готовый пакет «Музеи» — информационный контент со временем, датой, погодой, описанием, фотогалереей и QR-кодом — запускается быстро: логика в нем собрана, остается добавить свою информацию, а публикация на плеер занимает меньше минуты. Интерактивный сценарий с нуля — это проект с этапом согласования макетов. Ориентир для проекта с несколькими поверхностями — около трех месяцев до монтажа: так выглядел график мультимедийного стенда SpinetiX на ISR 2020 — месяц на дизайн-концепцию, два месяца на технологическую концепцию и производство контента, затем три недели на монтаж и настройку (разбор выставочных проектов). Проект зоны гостеприимства на «Газпром Арене» с видеостеной, интерактивными стендами и голографией реализован с января по апрель 2021 года. Киоск на несколько страниц — задача меньшего масштаба, его срок называют после согласования сценария.

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