Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо полностью скопировать по действующему образцу функционал и реализацию интерактивной схема зрительного зала. Реализация на SVG. Точный образец представлен по ссылке

cirknikulina.ru/events/34...

Нужно полностью сохранить визуализацию и способ адаптивности.

Код необходимо интегрировать в работающий сайт с действующей БД (CMS NETCAT 5.8).

Список основного функционала (см. так же вложенные картинки):

Зуммирование на схеме и выбор сектора, при зуме отображения положения на схеме зала, выделение билетов. Отображение основных данных выделенном месте:(на десктопе при наведении курсора на место, на мобильном при клике на место) цена билета, название сектора, номера ряда, номера места, тип билета. Отображение текущей даты представления над схемой, соседних дат представления, календаря для выбора доступных дат представлений. Цветовой индикатор с ценами(соответствие цветов мест ценам). Кнопки очистить заказ, информеры о кол-ве выбранных билетов, общей сумме заказа, кнопки оформить заказ(переход корзину действующего сайта).

1. Получение информации об объектах для отображения на схеме(места=билеты) из действующей бд сайта. В действующей бд каждый объект(билет) имеет свойства:

#1. Название сектора на схеме зала

#2. Номер ряда

#3. Номер места

#4. Цена билета

#5. Дата представления

#6. Время представления

#7. Название представления

#8. Тип

2. Программное формирование схемы зала при помощи векторных файлов SVG (скопировать реализацию с образца) Разместить билеты из бд на свои места, согласно их свойствам(сектор, ряд, место).

3. Обеспечить добавление в текущую корзину выбранных билетов.

Разместить элементы перехода в корзину как на примере.

4. Технические требования:

#1. Оптимизация кода под скорость отклика(загрузка, отклик на увеличение и клик по месту) схемы зала на среднебюджетных распространённых телефонах на андроиде – до 1 сек(проверка на самсунгах а-серии, популярных xiaomi , redmi ). Хостинг – выделенный сервер, 4 гб ОЗУ. SSD.

#2. Адаптивность под мобильные уст-ва (Тест система на наиболее распространённых андроид и aplle устройствах через удалённые подключения к реальным устройствам на сервисе crossbrowsertesting.com) точный список устройств для проверки согласовываем с вами.

3 года назад
Able2Know
Антон 
39 летРоссия
16 лет в сервисе
Был
2 месяца назад