Руководство пользователя для Editor

Введение

Описание

Компонент Editor в seatmap.pro позволяет создавать, редактировать и сохранять схемы концертных залов, стадионов, клубов, театров и других площадок.

Возможности редактора схем

Быстрое построение рядов мест.
Перемещение и удаление выбранных рядов и мест.
Добавление рядов и мест в созданные секторы.
Наклон, скругление и растягивание рядов.
Управление столами.
Импорт векторных объектов из SVG.
Привязка векторных объектов к зонам входа и рядам мест.
Управление ценами.
Экспорт схем в SVG.

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

Для работы с Editor используйте браузер Google Chrome.

Быстрый старт

Создание площадки

Нажмите Создать площадку.

В окне Создание площадки введите название и адрес площадки. Карта обновится автоматически.

Нажмите Создать.

Создание схемы

Выберите нужную площадку из списка слева (если есть) и нажмите Новая схема.

Откроется экран редактирования новой схемы.

В правом нижнем углу находится чёрная иконка клавиатуры. Наведите на неё курсор, чтобы увидеть список полезных горячих клавиш. Например, Ctrl + Z отменяет последнее действие.

Секторы и места

Создание секторов

Выберите инструмент Ряды мест на панели инструментов.

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

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

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

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

Редактирование сектора

При выборе сектора отображается боковая панель с доступными действиями:

переименование сектора,
управление нумерацией рядов,
настройка обводки,
выравнивание рядов по левому/правому краю или центру,
добавление рядов сверху или снизу,
трансформация сектора,
базовые действия (отражение по вертикали/горизонтали, клонирование или удаление).

Параметр сектора Обводка по умолчанию отключён. Включив этот параметр, вы сможете управлять размером отрисованной области (отступами), размером шрифта и позицией названия сектора.

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

Выделенные настройки регулируют форму сектора

Форма площадки и трансформация сектора

Форма площадки по умолчанию отключена. Чтобы включить её, выберите Форма площадки в выпадающем меню. В открывшейся боковой панели нажмите Настроить форму площадки, чтобы отрегулировать её положение, радиус углов и размеры. Эта же кнопка доступна в блоке трансформации сектора.

После настройки формы вернитесь в режим редактирования схемы через панель инструментов. Затем выберите сектор и один из вариантов размещения:

отключить параметр Форма площадки (и тогда вручную позиционировать сектор),
разместить сектор за пределами формы площадки,
разместить сектор внутри формы площадки,
выровнять сектор по центру относительно границы площадки.

Сектор выровнен по центру границы площадки

Эта настройка экономит ваше время при подгонке размера сектора и степени его изгиба, позволяя создавать красивые и точные схемы.

Редактирование мест в секторе

Для удаления, добавления и перемещения мест внутри сектора перейдите в режим редактирования. Для этого дважды кликните по сектору или выберите сектор и нажмите Выбор мест.

Чтобы удалить часть мест, переназначьте их в другой сектор и удалите его. Нажмите кнопку Перенести места.

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

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

Нумерация мест и рядов

Для нумерации мест выделите нужные места и нажмите Нумерация на панели инструментов.

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

Нажмите Применить разметку для подтверждения.

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

При необходимости места можно нумеровать вручную:

Войдите в режим редактирования сектора.
Выберите инструмент Выбор места и выберите место.
Установите/измените номер места на панели справа.

Для изменения вручную нумерации рядов:

Войдите в режим редактирования сектора.
Выберите инструмент Выбор рядов на панели инструментов и выберите ряд.
Установите/измените номер ряда на панели справа.

Работа с входными зонами

Чтобы добавить входную зону:

Выберите инструмент Фигура и нужный вариант: Прямоугольник, Круг, Линия, Полигон. Например, выберите Круг.
Круг появится в центре схемы. Выделите его: справа появится панель свойств.

Добавление входной зоны
В поле Назначение выберите Входная зона.
В блоке Сектор нажмите Создать и укажите название сектора.

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

Работа со столами

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

Укажите название стола при необходимости.
Если стол не должен отображаться, выберите Отображать: Нет. Будут видны только стулья.
Укажите количество стульев у стола и их расположение. Для добавления стула укажите 1, для удаления — 0.
Выберите начальный номер для нумерации стульев.
Задайте направление нумерации (по или против часовой стрелки).

На этой же панели можно клонировать или удалить стол.

Назначение ценовых зон

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

Выберите режим Ценовые зоны.
На панели справа отображается:

количество мест с ценами от общего числа,
список доступных цен.

Чтобы добавить цену, введите число в поле и нажмите Создать. Цена появится в списке ниже.
Для редактирования или удаления цены наведите на неё курсор и нажмите соответствующую кнопку.

Чтобы назначить ценовую зону:

Выберите место, ряд, несколько рядов или стол.
Нажмите нужную цену на правой панели.
Повторите шаги 1-2 для каждого объекта.

Результат:

Выбранным объектам будет назначена соответствующая ценовая зона, и они будут подсвечены соответственно.
Количество мест рядом с ценой обновится.
Общее число оцененных мест обновится.

Другие объекты площадки

Для отображения входных зон, сцены и других объектов загрузите подложку, подготовленную в векторном редакторе (Adobe Illustrator, Inkscape, Sketch, Figma) в формате SVG. Для этого переключитесь в режим подложки, выбрав Подложка в выпадающем меню режимов.

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

В режиме подложки:

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

Если подложку нужно дорисовать поверх существующих секторов:

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

Отрисовка секторов на подложке SVG

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

Сделайте следующее:

Выберите режим Подложка.
Кликните на стрелочку слева по центру, чтобы открыть боковое меню.
Кликните на нужный сектор (стрелочка рядом с названием сектора изменится на иконку карты).
Кликните на положение выбранного сектора на подложке.
Нажмите Сохранить (или на иконку карты).

Теперь сектор привязан к подложке. После того, как вы назначите цены сидениям в секторе (хотя бы некоторым), сектор будет отрисовываться при его выборе.

Если вы случайно привязали не тот сектор, повторите шаги 1-5, чтобы исправить ошибку.

Фильтрация секторов

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

Для этого:

Нажмите стрелку слева, чтобы раскрыть панель.
Выберите название нужного сектора.

Сектор будет расположен по центру и выделен.

Сохранение схемы

Убедитесь, что у схемы корректное название (измените его при необходимости в правой панели) и нажмите Сохранить на панели инструментов справа.

Не забывайте сохранять изменения.

Чтобы отменить несохранённые действия, обновите страницу браузера.

Публикация схемы

Изначально схемы имеют статус Черновик, что позволяет сохранять промежуточные результаты.

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

Если блок редактирования названия и публикации не виден, возможно, вы находитесь в режиме редактирования сектора или какие-то объекты на схеме выделены. Выйдите из режима редактирования сектора или снимите выделение объектов, кликнув на пустое место на схеме.

Управление ценами

Управление ценами доступно только после публикации схемы.

Для работы с ценами выберите режим Цены.

На панели справа отображается:

количество мест с ценами от общего числа,
количество билетов в секторах,
общая стоимость,
число мест без цен, если есть,
список цен, если есть.

Чтобы добавить цену, введите число и нажмите Создать.
Для редактирования или удаления цены наведите на цену и нажмите соответствующую кнопку справа.

Назначение цен местам по одному

Чтобы назначить/отменить цену конкретному месту (включая места за столом):

Нажмите Выбор мест.
Выделите место.
Выберите цену на правой панели (или выберите Нет, чтобы отменить назначение цены).

Результат:

Месту присваивается выбранная цена (место подсвечивается соответственно).
Количество мест в строке цены и их общая стоимость обновляются.
Общие показатели вверху панели корректируются.

Назначение цен рядам

Чтобы назначить цену одному или нескольким рядам:

Нажмите Выбор рядов.
Выделите ряды.
Выберите цену на правой панели (или выберите Нет, чтобы отменить назначение цены).

Результат:

Всем местам в ряду присваивается выбранная цена (ряд подсвечивается соответственно).
Количество мест в строке цены и их общая стоимость обновляются.
Общие показатели вверху панели корректируются.

Назначение цен столам

Чтобы назначить цену столу:

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

Назначение цен столу

Чтобы назначить разные цены за каждое место за столом, выбирайте каждое место отдельно при помощи инструмента Выбор мест.
Нажмите Назначить.

Результат:

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

Назначение цен входной зоне

Чтобы назначить цену входной зоне:

Нажмите Выбор секторов.
Выберите входную зону.
В окне выберите цену из выпадающего списка и укажите количество билетов (вместимость).

Назначение цен входной зоне
Нажмите Сохранить.

Результат:

Сектору присваивается выбранная цена (сектор подсвечивается соответственно).
Количество билетов и их общая стоимость обновляются.
Общие показатели вверху панели (строки Оценено в секторах и Стоимость) корректируются.