Инструкция для настройки виджета навигации (ver. 2.0)

Материал из SmartPlayer

Описание ситуации

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

Последовательность настройки виджета

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

  1. Перейти в общие настройки виджета нажав на иконку в виде шестерёнки. После настройки нажимаем на кнопку «Применить настройки» и «Сохранить» в нижней части виджета по центру.
  2. По кнопке «Категории» открываем и создаём категории для помещений. На этой странице также можем отредактировать уже имеющиеся категории.
  3. Добавляем этаж по одноименной иконке и нажимаем справа «Выбрать карту». Карта должна быть предварительно добавлена в отдельную папку личного кабинета.
  4. По кнопке «Настроить клики» выделяем нужные помещения на карте.
  5. Добавляем терминал по одноименной кнопке в панели справа.
  6. Добавляем остальные объекты здания (лифты, лестницы, помещения).
  7. Настраиваем стены на карте и точки входа в помещения.
  8. Повторяем П.2-П.7 пока не сделаем нужное количество этажей.
  9. После настройки всех этажей нажимаем на кнопку «Применить настройки» и «Сохранить» в нижней части виджета по центру.
  10. Снова открываем виджет и в левом нижнем углу нажимаем кнопку «Перейти в навигацию» для проверки работоспособности виджета. Если всё настроено правильно, то можно будет построить маршрут до нужного помещения.
  11. Для перенастройки виджета в левом нижнем углу нажимаем кнопку «Вернуться в конструктор».
  12. Если маршрут до определённого местоположения строится не прямо, а зигзагами, можно спрямить его открыв страницу настроек по кнопке «Точки сглаживания».
  13. Устанавливаем точки для спрямления пути строящегося маршрута и нажимаем на кнопку «Применить настройки» и «Сохранить» в нижней части виджета по центру.

Настройка стен

Добавление виджета в личный кабинет

Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста технической поддержки виджет. Он будет предоставлен в формате zip-архива.

Пример виджета в формате zip-рхива

После пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».

Пример отображения раздела «Контент» в личном кабинете

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

Пример отображения переноса виджета с помощью drag-n-drop
Если у пользователя много различного контента в личном кабинете, то он может воспользоваться функцией сортировки и выбрать нужный тип контента «Виджет». Воспользовавшись данной функциональностью, он сможет просмотреть все добавленные в личный кабинет виджеты.
Пример отображения виджета и режима правильной сортировки, для более удобного поиска виджета

Главная страница виджета

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

Пример отображения главной страницы виджета навигации

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

  • кнопка «Настройки», которая позволит произвести общую настройку виджета;
  • иконка позволяющая растянуть виджет на весь экран;
  • иконка в виде «?» позволяющая ознакомиться с первоначальной инструкцией по настройке и работе виджета.
Пример отображения области управления виджетом

Порядок настройки элементов виджета

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

Общие настройки виджета

Чтобы перейти в общие настройки для всего виджета пользователю необходимо кликнуть на кнопку «Настройки» в левом верхнем углу.

Пример отображения кнопки «Настройки» в виджете навигации

После нажатия кнопки откроется страница со списком настроек виджета.

Пример отображения страницы настроек виджета

Список состоит из следующих параметров для настройки:

  • выбор языка — позволяет пользователю выбрать необходимый язык для работы виджета. Доступно пять языков: русский, английский, португальский, испанский, казахский;
  • время сессии пользователя — указать значения, которое будет использоваться для перехода в режим ожидания виджета. Указанное значение измеряется в секундах;
  • поле «Ключ тега для здания» — параметр для взаимодействия с устройством и его тегом в личном кабинете SmartPlayer. Прописать наименования здания, в котором будет установлен терминал;
  • поле «Ключ тега для этажа» — параметр для взаимодействия с устройством и его тегом в личном кабинете SmartPlayer. Прописать значение этажа, на котором будет установлен терминал и указать номер нужного этажа;
  • поле «Ключ тега для терминала» — параметр для взаимодействия с устройством и его тегом в личном кабинете SmartPlayer. Данные параметр необходимо настраивать только в случае если на этаже больше одного терминала. Если терминал один на этаже, то этот параметр можно не указывать (оставить пустым);
  • поле «Этаж с которого начинается отсчёт в здании» — прописать числовое значение для начала отсчёта по этажам;
  • элементы отображаемые в панели навигации — позволяет выбрать вариант отображения при навигации списка категорий или списка помещений (область со списком справа при навигации). Также позволяет не отображать списки с данными;
  • количество отображаемые элементов в ряд — изменяет отображение элементов из списка (параметр выше). Позволяет отображать 2 или 3 элемента в ряд;
  • чекбокс (галочка) «Отображать стартовую страницу» — включает и отключает отображение стартовой страницы;
  • цвет фона стартовой страницы — позволяет выбрать цвет фона для стартовой страницы виджета;
  • кнопки «Фоновое изображение стартовой страницы» — позволяет выбрать из контента в личном кабинета изображение для стартовой страницы;
  • позиция кнопки начала навигации — прописать числовое значение для смещения кнопки по оси Y;
  • поле «Текст кнопки начала навигации» — прописать наименование кнопки для запуска навигации;
  • цвет кнопки для начала навигации — позволяет выбрать цвет кнопки для запуска навигации в виджете;
  • чекбокс (галочка) «Отображать кнопку инструкции» — включает и отключает отображение кнопки для просмотра инструкции в виджете;
  • кнопка «Файл инструкции» — позволяет приложить документ в качестве инструкции из личного кабинета;
  • позиция кнопки инструкции — прописать числовое значение для смещения кнопки по оси Y;
  • цвет фона виджета — позволяет выбрать цвет фона для виджета;
  • цвет UI панелей навигации — позволяет выбрать цвет для UI панелей навигации;
  • цвет отображаемого маршрута — позволяет выбрать цвет для отображения маршрута;
  • цвет фона названия помещения на карте — позволяет выбрать цвет фона для наименования помещений;
  • цвет текста названия помещения на карте — позволяет выбрать цвет для названий помещений;
  • цвет фона активного помещения на карте — позволяет выбрать цвет фона для активного (выделенного) помещения;
  • цвет текста активного помещения на карте — позволяет выбрать цвет текста для выделенного помещения;
Во всех параметрах где используется палитра цвет можно указать с помощью HEX-кода. Значения всех кодов доступны в сети.
  • кнопка «Логотип» — по кнопке можно добавить изображение в качестве логотипа, которое будет изображено на карте из личного кабинета. Логотип необходимо предварительно загрузить в личный кабинет SmartPlayer;
  • позиция логотипа — выбрать вариант для расположения логотипа из списка: по центру, слева, справа;
  • расположение клавиатуры поиска — позволяет изменить место отображения клавиатуры для ручного поиска. Доступно два варианта: снизу и сверху;
  • карты этажей — позволяет загрузить из папки в личном кабинете карты этажей. Карты необходимо предварительно загрузить в личный кабинет SmartPlayer;
  • иконки категорий — позволяет загрузить из папки в личном кабинете иконки категорий для обозначения на картах в виджете. Иконки необходимо предварительно загрузить в личный кабинет SmartPlayer;
  • иконки помещений — позволяет загрузить из папки в личном кабинете иконки помещений для обозначения на картах в виджете. Иконки необходимо предварительно загрузить в личный кабинет SmartPlayer;
  • изображения помещений — позволяет загрузить из папки в личном кабинете изображения для обозначения помещений на картах в виджете. Изображения необходимо предварительно загрузить в личный кабинет SmartPlayer;
  • чекбокс (галочка) «Показывать текстовое описание маршрута» — активирует или деактивирует отображения описания в дополнении к отрисованному маршруту.

Загрузка и скачивание настроек

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

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

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

Пример отображения кнопок «Применить настройки» и «Сбросить» в виджете

После нажатия на кнопку применить настройку пользователю необходимо нажать на кнопку «Сохранить» расположенную внизу по центру экрана.

Пример отображения кнопки «Сохранить» в виджете»

Настройка здания

На главной странице в левой панели у пользователя будет отображён раздел здания, в котором можно сделать следующие действия:

  • выбор здания — необходимо выбрать вариант из списка доступных зданий;
  • название здания — прописать наименование здания в поле;
  • кнопка «Добавить здание» — открывает новую страницу в виджете для создания навигации;
  • кнопка «Удалить здание» — удаляет сущность здания из виджета. В процессе удаления появится модальное окно, для подтверждения процесса;
Пример отображения раздела «Здания» в виджете

Настройка этажей

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

  • выбора этажа — позволяет выбрать из списка настроенных ранее этажей;
  • кнопка «Добавить этаж» — позволяет добавить карту этажа из списка загруженных карт в личном кабинете;
  • кнопка «Категории» — позволяет добавить категорию, для дальнейшей привязки помещений к списку категорий;
  • кнопка «Точки сглаживания» — позволяет настроить отображение нелинейного маршрута и сделать его более эстетически аккуратным;
  • кнопка «Параметры навигации» — открывает список настроек для навигации.
Пример отображения раздела «Этажи» в виджете

Кнопка «Добавить этаж»

После нажатия на кнопку «Добавить этаж» в виджете будет создана новая сущность этажа. Чтобы выбрать карту этажа по нажатию на кнопку в правой панели «Выбрать карту».

Пример отображения настройки этажей
Подробнее о настройках карты в правой панели описано в разделе «Настройки атрибутов этажа»

Кнопка «Категории»

Данная кнопка при нажатии меняет отображение правой панели и отображает настройки для категорий. При нажатии на кнопку «Добавить категорию» UI виджета снова изменится.

Пример отображения кнопки «Добавить категорию»

Появится строка с новой категорией, которую необходимо настроить. Настроить категорию можно по иконке в виде шестерёнки, расположенной справа от названия. Также категорию можно удалит нажав на иконку в виде крестика, рядом с иконкой настроек.

Пример отображения изменения UI и иконок для взаимодействия с категорией

При переходе в настройки категории пользователь может изменить следующие параметры:

  • имя — ввести текстом нужное наименование категории;
  • кнопка «Добавить иконку» — выбрать иконку для категории из личного кабинета.
Пример отображения параметров для настройки категории

Для завершения настройки категории необходимо нажать на кнопку «Применить» в нижней части панели. Если пользователь передумал вносить изменения, то нажат на кнопку «Отменить» рядом.

Пример отображения кнопок «Применить» и «Отменить» в панели настроек

Кнопка «Точки сглаживания»

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

Пример отображения инструкция для точек сглаживания и кнопки «Добавить точки»

По нажатию на кнопку «Добавить точки» появится новая строка с точками. Настроить точки можно по иконке в виде шестерёнки, расположенной справа от названия. Также категорию можно удалит нажав на иконку в виде крестика, рядом с иконкой настроек.

Пример отображения изменения UI и иконок для взаимодействия с точками сглаживания

Нажав на иконку настроек пользователю откроется страница с картой и панелью слева, в которой он сможет настроить:

Пример отображения параметров для настройки точек сглаживания
  • наименование точек — прописать текстом название точек сглаживания;
  • кнопка «Привязать помещения» — позволяет привязать помещения из открывшегося модального окна. Одно или несколько помещений необходимо выделить чекбоксом и нажать на кнопку «Выбрать».
Пример отображения списка помещений для привязки

Далее пользователю необходимо выставить на карте с помощью левой и правой кнопки мыши (соответственно «ЛКМ» и «ПКМ») две точки: красную(ЛКМ) и розовую(ПКМ). Выставлять точки рекомендуется так, что бы они находились на одной линии вне зависимости от плоскости. При установке этих точек на карте их нужно расположить так что потенциальная линия между ними не попадала в стены (то есть на пути линии не должно быть стен), иначе функциональность не будет работать.

Пример отображения точек сглаживания на карте здания

Для завершения настройки категории необходимо нажать на кнопку «Применить» в нижней части панели. Если пользователь передумал вносить изменения, то нажат на кнопку «Отменить» рядом.

Пример отображения кнопок «Применить» и «Отменить» в панели настроек

Кнопка «Параметры навигации»

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

  • ширина клетки координат — увеличивает ширину клетки в сетке координат. Указывается числовое значение в пикселях;
  • высота клетки координат — увеличивает высоту клетки в сетке координат. Указывается числовое значение в пикселях;
  • качество отрисовки проложенного пути (DPI) — прописать числовое значение для плотности пикселей;
  • перемещение между этажами — выбрать вариант перемещения между этажами из списка, который влияет на построение навигации между этажами. Доступно два варианта: «По лестнице» и «На лифте»;
  • отображать путь как — параметр влияющий на отображение маршрутной линии на карте. Доступно два варианта: точками и прерывистыми линиями;
  • чекбокс (галочка) «Разрешить прокладывать путь по диагонали» — включает и отключает отображение маршрута по диагонали в виджете;
  • чекбокс (галочка) «Автозум маршрута при построении» — включает и отключает увеличение зума в виджете при построении маршрута.
Пример отображения параметров для навигации

Для завершения настройки параметров навигации необходимо нажать на кнопку «Применить» в нижней части панели. Если пользователь передумал вносить изменения, то нажат на кнопку «Отменить» рядом.

Настройка атрибутов этажа

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

  • кнопка «Заменить карту» — позволяет заменить выбранную карту этажа;
  • кнопка «Настроить клики» — позволяет добавить зону с помещением;
  • кнопка «Добавить терминал» — позволяет добавить терминал на карту этажа;
  • кнопка «Добавить лифт» — позволяет добавить на карту обозначение лифта;
  • кнопка «Добавить лестницу» — позволяет добавить на карту обозначение лестницы;
  • кнопка «Добавить помещение» — позволяет добавить помещение на карту;
  • кнопка «Удалить этаж» — позволяет удалить текущую карту этажа.
Пример отображения функционала для настройки этажа
Завершив настройку всего этажа пользователю для сохранения настроек необходимо нажать на кнопку «Применить» в нижней части панели. Если текущие изменения ему не подходят пользователь может нажать на кнопку «Сбросить» слева.
Пример отображения кнопок «Применить» и «Сбросить»

Кнопка «Выбрать/заменить карту»

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

Нажав на кнопку «Выбрать/ заменить карту» пользователю открывается модальное окно, которое позволяет выбрать карту из заранее загруженных в личном кабинете. Выбрать новую карту можно нажатием на неё.

Пример отображения модального окна для замены карты этажа
Наименование кнопки меняется в зависимости от того какой процесс делает пользователь. Если пользователь добавляет карту к новому этажу то наименование кнопки «Выбрать карту». Если пользователь уже прикрепил карту ранее, кнопка будет называться «Заменить карту».

Кнопка «Настроить клики»

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

Пример отображения изменений UI и текстовой подсказки

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

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

Новую зону можно зажать левой кнопкой мыши перетащить на нужное место на карте. Также если на вести на границу зоны можно изменить её размер (изменится отображение курсора).

Пример отображения перемещения зоны и изменения её размера

Завершив настройки зон пользователю необходимо нажать на кнопку «Применить» в правой панели. Если текущие изменения по зонам не устраивают пользователя, он может нажать на кнопку «Отменить» слева.

Пример отображения кнопок «Применить» и «Отмена»

Кнопка «Добавить терминал»

Нажав на кнопку «Добавить терминал» пользователя переносит в раздел настроек терминала, которые появляются в панели после изменения UI.

Пример отображения настроек в панели при нажатии на кнопку «Добавить терминал»

В список настроек терминала входят следующие параметры:

  • имя — ввести текстом название нового терминала;
  • положение по оси X — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал;
  • положение по оси Y — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал.
Пример отображения заполненных настроек для нового терминала

Завершив настройку терминала пользователю необходимо нажать на кнопку «Применить» в правой панели. Если текущие изменения по зонам не устраивают пользователя, он может нажать на кнопку «Отменить» слева.

Пример отображения кнопок «Применить» и «Отмена»
По окончанию настройки терминала пользователь увидит новый терминал в списке. Добавленные терминалы можно изменить или удалить на этой панели по специальным иконкам.
Пример отображения настроенных терминалов и иконок для взаимодействия с ними

Кнопка «Добавить лифт»

Нажав на кнопку «Добавить лифт» пользователя переносит в раздел настроек лифтов на карте, которые появляются в панели после изменения UI.

Пример отображения настроек в панели при нажатии на кнопку «Добавить лифт»

В список настроек для лифта входят следующие параметры:

  • имя — ввести текстом название нового терминала;
  • положение по оси X — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал;
  • положение по оси Y — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал.
  • чекбокс (галочка) «Лифт включен» — включает или отключает при построении маршрута наличие на картах этажей лифты. Если на исходном этаже и конечном этаже чекбокс активирован, то маршрут будет учитывать лифты и строится через них.
Пример отображения лифта на карте

Завершив настройку терминала пользователю необходимо нажать на кнопку «Применить» в правой панели. Если текущие изменения по расположению лифтов не устраивают пользователя, он может нажать на кнопку «Отменить» слева.

Пример отображения кнопок «Применить» и «Отмена»
По окончанию настройки лифта пользователь увидит добавленные лифты в списке. Лифты из списка можно изменить или удалить на этой панели по специальным иконкам.
Пример отображения настроенных лифтов и иконок для взаимодействия с ними

Кнопка «Добавить лестницу»

Нажав на кнопку «Добавить лестницу» пользователя переносит в раздел настроек лестниц на карте, которые появляются в панели после изменения UI.

Пример отображения настроек в панели при нажатии на кнопку «Добавить лестницу»

В список настроек для лифта входят следующие параметры:

  • имя — ввести текстом название нового терминала;
  • положение по оси X — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал;
  • положение по оси Y — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить терминал.
  • чекбокс (галочка) «Лестница включена» — включает или отключает при построении маршрута наличие на картах этажей лестницы. Если на исходном этаже и конечном этаже чекбокс активирован, то маршрут будет учитывать лестницы и строится через них.
Пример отображения лестницы на карте

Завершив настройку терминала пользователю необходимо нажать на кнопку «Применить» в правой панели. Если текущие изменения по расположению лестниц не устраивают пользователя, он может нажать на кнопку «Отменить» слева.

Пример отображения кнопок «Применить» и «Отмена»
По окончанию настройки лестницы пользователь увидит добавленные лестницы в списке. Из списка можно отредактировать или удалить добавленные лестницы с помощью специальных иконок.
Пример отображения настроенных лестниц и иконок для взаимодействия с ними

Кнопка «Добавить помещение»

Нажав на кнопку «Добавить помещение» пользователя переносит в раздел настроек помещений на карте, которые появляются в панели после изменения UI.

Пример отображения настроек в панели при нажатии на кнопку «Добавить помещение»

В список настроек для помещений входят следующие параметры:

  • имя — прописать наименование помещения;
  • название в поиске — прописать название, по которому помещение можно будет найти в системе поиск;
  • кнопка «Добавить изображение» — нажатие на кнопку позволит выбрать одно из доступных изображений для помещения из личного кабинета;
  • описание — прописать дополнительную информацию о помещении;
  • размер шрифта — выбрать доступный размер шрифта из списка;
  • отступ от левого края карты — прописать числовое значение для отступа слева от края карты;
  • отступ от верхнего края карты — прописать числовое значение для отступа от верхнего края карты;
  • точка входа в помещение по оси X — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить точку входа в помещение;
  • точка входа в помещение по оси Y — параметр для ввода неактивен. Значение определяется автоматически после нажатия левой кнопкой мыши на сетке карты, в том месте, где пользователь хочет установить точку входа в помещение;;
  • категории — выбрать категорию из списка, к которой можно присвоить данное помещение;
  • отображать помещение как — позволяет выбрать вариант отображения из списка. Доступные вариант: отображать название помещение или не отображать название помещения;
  • кнопка «Добавить иконку» — нажатие на кнопку позволит выбрать одну из доступных иконок для помещения из личного кабинета;
  • кнопка «Привязать к карте» — нажатие на кнопку позволяет привязать добавленную на этаже зону к помещению;
  • чекбокс (галочка) «Отображать в панели навигации» — активирует или отключает отображение помещения в панели навигации.

Завершив настройку помещения пользователю необходимо нажать на кнопку «Применить» в правой панели. Если текущие изменения по расположению лестниц не устраивают пользователя, он может нажать на кнопку «Отменить» слева.

Пример отображения кнопок «Применить» и «Отмена»
По окончанию настройки помещений пользователь увидит добавленные лестницы в списке. Из списка можно отредактировать или удалить добавленные помещения с помощью специальных иконок. Также для помещений доступна отдельная иконка, которая позволяет построить к ней маршрут и возможность поменять её местами в списке при зажатой левой клавише мыши.
Пример отображения настроенных помещений и иконок для взаимодействия с ними

Переход в навигацию

После завершения предварительной настройки виджета, которые состоят из этапов описанных ранее пользователь может просмотреть работу настроенного виджета. Для этого ему необходимо нажат на кнопку «Перейти в навигацию» в левом нижнем углу виджета.

Пример отображения кнопки «Переход в навигацию» на главной странице виджета

После нажатия кнопки откроется страница предпросмотра виджета, где пользователь увидит:

  • карту с помещениями и точкой расположения терминала;
  • список категорий (в правой части экрана);
  • список этажей (над списком категорий).

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

Пример отображения системы поиска в виджете и кнопки выбора языка
Для возвращения к настройкам виджета можно нажать на кнопку «Вернуться в конструктор» в левой нижней части экрана
Пример отображения кнопки «Вернуться в конструктор»

Построение маршрута на странице предпросмотра

Чтобы построить маршрут в экране предпросмотра виджета пользователю необходимо выбрать нажатием нужный объект. После этого объект подсветится, а в правой нижней части экрана, рядом с системой поиска отобразится кнопка «Маршрут».

Пример отображения подсвечиваемого объекта на карте и кнопки «Маршрут» рядом с системой поиска

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

Пример отображения маршрута на карте и подсказки

Если пользователь захочет построить другой маршрут он может нажать на кнопку «Завершить маршрут». Эта кнопка заменит кнопку «Маршрут» после построения навигации на карте пока построение маршрута активно. При завершении процесса построения навигации, кнопка снова изменится на «Маршрут».

Пример отображения кнопки «Завершить маршрут»

Интеграция в трансляцию

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

Дополнительная информация

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

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"