Инструкция по использованию виджета навигации

Материал из SmartPlayer

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

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

Описание виджета

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

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

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

  1. Главная зона - зона, на которой отображается общий план здания (расположена по центру экрана)
  2. Промежуточная зона - зона, на которой будет отображаться маршрут через промежуточный этаж до этажа на котором расположена точка назначения (расположена в левой нижней части экрана)
  3. Конечная зона - зона, на которой находиться конечная точка маршрута (расположена в правой нижней части экрана)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настраиваемые параметры в виджете

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

  1. Целевой тег - параметр, в котором указывается значение подъезда/помещения, в котором стоит терминал. Этот параметр необходимо заполнять правильно, чтобы виджет понимал, где расположен терминал относительно плана здания.
  2. Время сессии - длительность режима активного использования киоска (измеряется в секундах), после которой виджет уходит в режим ожидания
  3. Список помещения для быстрого поиска - с помощью иконки в виде звездочек пользователь выбирает какие помещения выводить на экран устройства под строкой поиска. Звездочка имеет два состояния: первое - незакрашенная - не добавлена в список кнопок быстрого поиска; второе - закрашенная - добавлена в список кнопок для быстрого поиска
  4. Последовательность расположения приоритетных помещений - позволяет с помощью перетаскивания мыши внутри окна настройки параметр выставить приоритетность и порядок кнопок для быстрого поиска мест

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

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

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

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

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

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

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

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

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

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

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

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

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