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

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

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

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

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

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

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

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

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

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

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

  1. Изучение и поддержка существующего функционала.
  2. Моделирование ПО с учётом существующего функционала.
  3. Создание django моделей.
  4. Создание API.
  5. Налаживание связи с фронтендом.
  6. Создание функционала конструктора.
Для покупки билетов онлайн подключен сервис Listim.Tickets.

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

Для зрителей

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

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

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

У администратора (Режиссёр/Автор) есть доступ к определенному количеству интерактивных элементов.
Через административную панель можно самостоятельно построить маршрут на карте, разбить спектакль на главы, загрузить медиафайлы и дополнительные активности.

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

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

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

Клиенты

Ренессанс жизнь
Ашманов и партнёры
Optimization
Дугалак
Импловит
Simona
Лукойл
Avira Kids
KCEP
Мой Бизнес
УралБензоТех
Камкабель
КРМЗ
Урал ФД
Mesopharm
УралКалий
bergauf
Гипсополимер
РЦИ
Рельеф
Неверное имя, например: Александр
Неверный телефон , Например : 79822327199

ХОТИТЕ СВОЙ ПРОЕКТ?

ОСТАВЬТЕ ЗАЯВКУ

Неверное имя, например: Александр
неверно заполненное поле, например: my@mail.com
Неверный телефон , Например : 79822327199
Поле обязательно для заполнения
 
  • 20
    лет уникального опыта
  • топ40
    ведущих разработчиков для сектора промышленности РФ и СНГ
  • 650+
    успешных проектов с 2003 года
  • 50
    человек в команде

подписывайтесь на наш телеграм-канал

Вебинары, новости, полезные материалы от амадо в удобном формате