Разработка веб-приложения для иммерсивных спектаклей

Пермский академический Театр-Театр — одно из старейших учреждений культуры в регионе: через 3 года он отметит столетний юбилей! Сегодня это известный в России мультижанровый театр, в репертуаре которого не только классика, но и проекты, созданные с использованием самых современных технологий.

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

Вообще идея классная.

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

Премьерой стал спектакль-променад по мотивам романа «Доктор Живаго», позднее были разработаны еще два подобных маршрута — все они размещены на платформе https://promenatt.ru.

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

Именно с такой задачей клиент обратился к нам, в интернет-агентство «Амадо».

Цель проекта:разработать систему-конструктор, которая даёт возможность автору спроектировать свой онлайн-спектакль и разместить его на платформе, а зрителям — подключиться к участию.

Изначально Променады разрабатывались другим подрядчиком.

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

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

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

Поэтому мы предложили клиенту полностью пересобрать проект.

Предыдущий подрядчик работал с Python+React. Мы использовали те же технологии, но по сути нам пришлось переписывать всю платформу с нуля.

С точки зрения бэкенда стек технологий такой: Python Django – фреймворк для веб-приложений на языке Python и Django Rest Framework – фреймворк для фреймворка django, позволяющий создавать Restful API. Клиентская часть (фронтенд) работает на React.

Этапы нашей работы:

Для покупки билетов онлайн подключен сервис Listim.Tickets.

При этом необходимо тщательное тестирование, поскольку проект должен одинаково эффективно работать на всех устройствах и платформах.

Мы взяли проект в работу в апреле 2023 года, и за несколько месяцев смогли собрать первую версию конструктора. У нас получился сервис с гораздо более мощным функционалом по сравнению с исходным вариантом.

Для зрителей

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

Затем на email, указанный при регистрации, приходит электронный билет с кодом активации. Вводим этот код в форму на странице спектакля — и можно начинать свой променад!

Пользователь отслеживает свое передвижение по маршруту на карте в live-режиме.

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

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

Цель спектакля — не просто экскурсия по городу, а взаимодействие со зрителем: для этого на маршруте предусмотрены чекпойнты, где надо отвечать на вопросы, звуковое сопровождение, интерактив (например, участнику нужно сделать сэлфи в определенной точке и отправить фото).

Для автора спектакля

У администратора (Режиссер/Автор) есть доступ к определенному количеству интерактивных элементов.

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

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

Сейчас наша работа с проектом Променады продолжается: пользователям уже доступны три спектакля-променада от Театр-Театр, готовится к выходу четвертый.

Но Променады — это не локальный сервис, привязанный к определенному региону. Функционал платформы позволяет значительно масштабировать проект и в будущем запускать такие необычные спектакли в других городах России и даже за рубежом.

А значит, нам и нашему клиенту есть куда расти и развиваться!