Widget Navigation: различия между версиями

Материал из SmartPlayer
(Новая страница: «<languages/> <translate> == Описание == <!--T:1--> == Настройка виджета через Личный Кабинет == <!--T:2--> <!--T:3--> Для перехода к настройкам виджета нужно 2 раза нажать на него в разделе Контент <!--T:4--> 800px <!--T:5--> Нажать на значок Шестеренки в правом верхнем углу ви...»)
 
Нет описания правки
 
(не показаны 3 промежуточные версии 1 участника)
Строка 1: Строка 1:
<languages/>
== '''Навигация SmartPlayer''' ==
<translate>
=== '''Описание''' ===
== Описание == <!--T:1-->
Дополнительный продукт SmartPlayer предназначенный для развертывания системы навигации на объекте.
 
=== '''Сферы внедрения''' ===
 
# Образовательные учреждения
== Настройка виджета через Личный Кабинет == <!--T:2-->
# ТЦ и БЦ
 
# Фабрики/заводы с обширной инфраструктурой
<!--T:3-->
# Другие объекты по запросу заказчика
Для перехода к настройкам виджета нужно 2 раза нажать на него в разделе Контент
=== '''Технические требования''' ===
 
# Тач Панель на ОС Android, Windows
<!--T:4-->
# Наличие лицензии Smart Touch от SmartPlayer
[[Файл:Dp conf 1.png|800px]]
# Рекомендуемые параметры i5, 8 ОЗУ
 
=== '''Внешний вид (примеры)''' ===
<!--T:5-->
[[File:Пример_отображения_на_Экране.png|thumb|center| Отображение на тач панели Haitech.|800px]]
Нажать на значок Шестеренки в правом верхнем углу виджета
[[File:Отображение_виджета_в_лк.png|thumb|center| Отображение виджета в личном кабинете.|800px]]
 
== '''Возможности настройки виджета''' ==
<!--T:6-->
Виджет может быть настроен и отрисован как самостоятельно, так и с участием дизайнеров SmartPlayer.
[[Файл:Dp conf 2.png|800px]]
=== '''Редактирование''' ===
 
В любой момент заказчик может самостоятельно изменить настройки и саму схему навигации (добавить, удалить или изменить помещения и объекты на карте).
=== Описание настроек === <!--T:7-->
=== '''Интерфейс''' ===
 
Интуитивно понятный конечному пользователю интерфейс.
<!--T:8-->
По запросу клиента в виджет навигации может быть встроен виджет расписания мероприятий и интегрирован в с внутренними базами данных заказчика.
[[Файл:Dp conf 3.png|800px]]
[[File:Настроенный_виджет.png|thumb|center| Пример отображения настроенного виджета на панели.|800px]]
 
Процесс взаимодействия прост: выбираем объект на схеме, либо мероприятие из предложенного списка. Далее запускаем построение маршрута и система автоматически показывает путь до выбранного помещения.
<!--T:9-->
== '''Инструкция по настройке виджета в личном кабинете''' ==
1 - Выбор языка настроек
=== '''Установка виджета в личном кабинете''' ===
 
Пользователю необходимо получить виджет у команды SmartPlayer. Виджет будет предоставлен в виде архива. Чтобы перенести его в личный кабинет пользователю необходимо зайти на сайт/ в приложение, перейти в раздел “Контент” и перетащить архив с виджетом.
<!--T:10-->
[[File:Перенесенный_в_лк_виджет.png|thumb|center| Перенесенный в личный кабинет виджет.|800px]]
2 - Выбор количества отображаемых товаров в виджите
Данный виджет всегда можно будет найти в разделе “Контент”, во вкладке “виджет”.
 
[[File:Раздел_виджеты_в_лк.png|thumb|center| Вкладка "Виджет" в разделе "Контент".|800px]]
<!--T:11-->
=== '''Переход к разделу “Общие настройки, настройки карт”''' ===
3 - Выбор типа отображения
После запуска виджета пользователю необходимо выставить базовые настройки. Данный шаг реализовывается с помощью нажатия на иконку “Общие настройки, настройки карт”, отображаемой в виде иконки шестеренки.
 
[[File:Иконка_настроек.png|thumb|center| Иконка настроек.|800px]]
<!--T:12-->
'''Примечание 1:''' При наведении на иконку курсора, можно увидеть ее название.
* Акция 1 - показывает цену товара
[[File:Описание_иконки.png|thumb|center| Описание иконки.|800px]]
* Акция 2 - показывает процент скидки, который рассчитан на основе двух цен (текущая и акционная)
== '''Раздел “Общие настройки, настройки карт”''' ==
* Видео - видеоролик в слайдах, без динамической цены
Перейдя в раздел “Общие настройки, настройки карт” пользователю откроется окно, в котором будет указано название и версия виджета (сверху по-центру), а также ниже список параметров, которые необходимо настроить.
* Картинка - картинка в слайдах, без динамической цены
[[File:Стартовое_окно_раздела.png|thumb|center| Стартовое окно раздела.|800px]]
 
В список настраиваемых параметров входят следующие пункты:
<!--T:13-->
* Выбор языка - в виджете представлены следующие языки - Русский, Английский, Казахский, Португальский, Испанский.
4 - ID (код) товара. Должен совпадать с кодом товара в Документе (POS системе) для возможности динамического изменения цен
* Текущий этаж - в данном параметре необходимо проставить цифру текущего этажа. Эта настройка будет зависеть оттого, как будет настроена точка установки постамата в редакторе карт. 
 
* Чекбокс (галочка) “Показывать навигацию прокладки маршрута” - включает/выключает отображение навигации на карте.
<!--T:14-->
* Чекбокс (галочка) “Режим ожидания” - включает/выключает работу в виджете режима ожидания (в данном случае подразумевается что будет включена заставка пока устройство не будет использовано).
5 - Цвет шрифта цены
* Картинка режима ожидания - позволяет загрузить изображения, которое будет использоваться в качестве заставки в режиме ожидания.
 
* Видео режима ожидания - позволяет загрузить, которое будет использоваться в качестве заставки в режиме ожидания.
<!--T:15-->
* Время выхода в режим ожидания - необходимо прописать время, через которое будет активироваться режим ожидания.
[[Файл:Dp conf 4.png|800px]]
'''Примечание 1:'''указанное время будет рассчитываться виджетом в секундах.
 
* Карты - позволяет выбрать одну из загруженных карт.
<!--T:16-->
'''Примечание 1:''' карту можно загрузить из личного кабинета. Но, перед этим пользователь должен загрузить саму карту в личный кабинет из устройства.
6 - Папка с изображениями для товаров. В одной папке может быть сколько угодно файлов, но берутся только файлы которые имеют в имене ID (КОД ТОВАРА) из пункта 4.
'''Примечание 2:'''при добавлении карты, в имени добавляемой карты должно обязательно вначале названия фигурировать текстовая часть: “adpLOGO…”. Это ограничение касается не только карт, но и всех графических элементов (картинок, иконок, логотипов).
 
[[File:Список_лого.png|thumb|center| Пример изображений с правильно указанными названиями, содержащими в себе “adpLogo…”
<!--T:17-->
.|800px]]
7 - Видео заглушка (можно не выбирать)
После добавления карты необходимо нажать кнопку “Сохранить карту”.  На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.
 
[[File:Применение_настроек.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
<!--T:18-->
== '''Скачать/загрузить файл настроек''' ==
8 - Тип анимации
Также в приложении есть возможность выгрузить и загрузить настройки. Выгрузить и загрузить настройки можно по специально выделенным кнопкам: “Скачать файл настроек” и “Загрузить файл настроек”.
 
Скачанные файлы с конфигурациями будут в формате “.json”.
<!--T:19-->
Загружать файл конфигурации также необходимо в формате “.json”.
9 - Время показа одного товара (в секундах)
[[File:Скачать_загрузить.png|thumb|center| Пример отображения клавиш для скачки и загрузки файла конфигураций.|800px]]
 
== '''Редакторы в виджете''' ==
<!--T:20-->
После выставления всех вышеописанных настроек, пользователь может переходить в редакторы.<br>
[[Файл:Dp conf 5.png|800px]]
В виджете в разделе “Общие настройки, настройки карт”, доступно два редактора:
 
* Редактор карт
<!--T:21-->
* Редактор навигации
Можно загружать любые изображения, мы рекомендуем придерживаться стандартного дизайна который используется по умолчанию. Как отмечалось выше в названиях картинок должен присутствовать ID (КОД ТОВАРА) чтобы система понимала как связывать картинки с конкретными товарами и ценами.
[[File:Отображение_обоих_редакторов_в_виджете.png|thumb|center| Пример отображения кнопок обоих редакторов внутри виджета.|800px]]
 
В каждом из этих двух редакторов пользователь должен также произвести настройку параметров.
=== Изменения цен через файл === <!--T:22-->
== '''Перехода к редактору карт ''' ==
 
Перейдя в раздел “Редактор карт”, может использовать и редактировать уже загруженную карту.
<!--T:23-->
Для её использования пользователю необходимо проскроллить страницу вниз до конца. Внизу будет размещена карта с описанием ”Последняя загруженная карта, все предыдущие карты стираются”.  В данном случае мы выбираем не последнюю загруженную копию, а последнюю загруженную карту.
Если нужно обновить цену для какого-то кода продукта, необходимо на сервер FTP загрузить измененный файл с ценой имя которого будет лексикографически выше текущего файла. Легче всего заменить в текущем имени файла последнюю цифры и загрузить этот файл на FTP
[[File:Последняя_загруженная_карта.png|thumb|center| Пример последней загруженной карты|800px]]
 
'''Примечание 1:''' виджет будет воспринимать и работать только с последней загруженной картой. Все предыдущие карты будут удалены, как и указано в описании карты.
<!--T:24-->
'''Примечание 2:''' также пользователь может удалить старую карту и загрузить новую карту нажав на кнопку “Удалить”.
Для подключения к FTP можно использовать любой клиент. Мы рекомендуем использовать WinSCP [https://winscp.net/eng/download.php](https://winscp.net/eng/download.php)
[[File:Удаление.png|thumb|center| Удаление карты из раздела “Редактор карт”.|800px]]
 
'''Примечание 3:''' слева внизу есть отдельно вынесенная кнопка, которая позволяет выйти из редактора. Она так и называется - “Выйти из редактора”.
<!--T:25-->
[[File:Выйти_из_редактора_карт_.png|thumb|center| Кнопка “Выйти из редактора”.|800px]]
[[Файл:Dp conf 6.png|800px]]
== '''Редактор карт ''' ==
 
После того как пользователь зайдет в редактор карт и найдет загруженную карту, ему необходимо один раз кликнуть по нужной карте, чтобы открыть редактор карт.
<!--T:26-->
[[File:Стартовая_страница_редактора_карт_.png|thumb|center| Пример стартовой страницы редактора карт. |800px]]
Например, текущее имя Goods_20211226_021407.csv, создаем файл с именем Goods_20211226_021408.csv в нем меняем данные на которые нужно и загружаем его на FTP в течение минуты сервер заберет файл и обновит цену на сервере, далее оповестит клиентское приложение и оно обновит цену на устройстве. Соблюдайте правило, что акционная цена должна быть меньше чем розничная цена.
Данную страницу можно разделить на две части:
 
* Загруженная карта, с которой можно взаимодействовать (расположена справа).
<!--T:27-->
* Список параметров (расположен слева).
Редактировать файл нужно через Notepad++, Atom, Sublime. НЕ редактировать файл через Excel он добавляет свои поля и ломает структуру файла.  
Для того чтобы начать работать с заполнением карты в редакторе, необходимо выбрать указанный участок на карте. Это делается кликом на этом участке<br>
 
'''Примечание 1:''' выделенный участок будет подсвечиваться.
<!--T:28-->
[[File:Пример_выбранного_участка.png|thumb|center| Пример выбранного участка для заполнения в редакторе карт. |800px]]
[[Файл:Dp conf 7.png|800px]]
После выделения необходимо перейти к списку параметров (расположен слева)  и пройтись по всем пунктам этого списка.
 
== '''Параметр настройки магазинов ''' ==
<!--T:29-->
Пользователю необходимо выбрать каждое помещение на карте и выставить ему свой номер.<br>
A - код товара. Должен совпадать с кодом товара в настройках виджета именем файла изображения)
Выбрав нужное помещение и перейдя к параметру “Настройка магазинов” пользователю необходимо проскроллить мышкой вниз, до конца.
 
Название магазина должны быть обязательно цифровым.
<!--T:30-->
Например: 1.1.0, 1.2.0,1.3.0 и так далее. В таком типе обозначений обозначений указывается первой цифрой номер этажа, а второй номер помещения на этаже.
B - цена
[[File:Строка_заполнения_магазина.png|thumb|center| Строка для заполнения названия магазина.|800px]]
 
'''Примечание 1:''' обязательно должны быть заполнены все пустые помещения на этаже, в том числе технические помещения, уборные и прочие типы помещения. Ненужно заполнять только лестницы, для них вынесена отдельная настройка, о которой будет написано ниже.
<!--T:31-->
[[File:Карта_нумерации_этажей.png|thumb|center| Пример заполненной схемы этажа с нумерацией помещений.|800px]]
С - цена по акции со скидкой (должна быть меньше чем обычная цена)
'''Примечание 2:''' рекомендуется создать отдельный текстовый файл и заносить данные сразу и в карту и в документ. Также рекомендуется сделать скриншот карты с заполненным списком помещений. В разделе “Редактор навигации” (будет описан позже) при заполнении нужных данных пользователю будет проще с этими дополнительными материалами.
 
== '''Параметр настройки лестниц ''' ==
</translate>
Пользователю необходимо на карте отметить лестницу, выделив ее одинарным кликом мышки и указать ее номер. Это делается схожим образом, как с помещениями, только сама нумерация немного изменяется. В данном случае каждая лестница обозначается одной цифрой по порядку.<br>
Номера присваиваются стандартным способом: 1,2,3,4 и так далее.
[[File:Номера_лестниц.png|thumb|center| Строка для заполнения номера лестницы.|800px]]
[[File:Отображение_лестниц.png|thumb|center| Пример отображения нумерации лестниц на карте.|800px]]
== '''Категории с типами помещений''' ==
Следующие семь пунктов идущие по списку в редакторе карт - категории типов помещений. Они также заполняются по аналогии: выделяется помещения (участок) на карте и ему присваивается категория.
[[File:Категории_с_типами_помещений.png|thumb|center| Список категорий с типами помещений.|800px]]
В эти пункты входят следующие категории:
* Аптеки
* Молитвенные комнаты (Намазхана)
* Кафе и рестораны
* Банкоматы
* Эскалаторы
* Лифты
* Туалеты
* Паркинг
* Гардеробы
[[File:Категории_списка_помезений.png|thumb|center| Отображение списка категорий с типами помещений на стартовой странице виджета.|800px]]
'''Примечание 1''':  на главной странице виджета можно выбрать категорию, кликнув по ней. После этого на карте можно будет увидеть подсвеченные помещения принадлежащие этой категории. Подсвеченные помещения будут помечены желтым цветом.
'''Примечание 2:''' на главной странице указана еще одна дополнительная категория “Входы/Входы”, которой нет в списке. Это единственная категория которая не может быть настроена системно и была.
== '''Категории с типами магазинов''' ==
Следующие 6 пунктов идущие по списку в редакторе карт - категории типов магазинов.. Они также заполняются по аналогии: выделяется помещения (участок) на карте и ему присваивается категория.<br>
'''Примечание 1:''' внутри редактора карт данный список категорий представлен на английском языке. В интерфейсе виджета, они будут отображены на русском языке (с помощью UI) слева от карты. Такое решение было реализовано из-за технических ограничений.
[[File:Категория_списков_магазинов.png|thumb|center| Категории списков магазинов.|800px]]
В эти пункты входят следующие категории:
* Cloth (одежда)
* Cosmetics (косметика)
* Footwear (обувь)
* Accessories (аксессуары)
* Electronics (электроника)
* Supermarkets (супермаркеты)
* Cafes (кафе)
* Children's Entertainment (детские комнаты)
[[File:Типы_магазинов_на_стартовой_странице.png|thumb|center| Отображение списка категорий с типами магазинов на стартовой странице виджета.|800px]]
'''Примечание 1:''' на главной странице виджета можно выбрать категорию, кликнув по ней. После этого на карте можно будет увидеть подсвеченные помещения принадлежащие этой категории. Подсвеченные помещения будут помечены желтым цветом.<br>
После того, как пользователь выставит все настройки, ему необходимо сначала нажать кнопку “Сохранить” в редакторе карт.
[[File:Кнопка_сохранить_.png|thumb|center| Кнопка “Сохранить” в редакторе карт.|800px]]
После добавления карты необходимо нажать кнопку “Сохранить карту”.  На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимает по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
'''Примечание 1:''' если пользователь хочет вернуться на предыдущий шаг, ему необходимо назвать кнопку “Отменить”.
== '''Взаимодействие с картами''' ==
После настройки карт, пользователю необходимо перезайти в редактор карт и найти свою настроенную карту.
Базовый вариант ненастроенной карты будет внизу (последняя загруженная пустая карта). Вверху будет расположена уже заполненная карта.<br>
'''Примечание 1:''' у каждой карты есть свой присвоенный Id  в названии. При редактировании карты у него изменяется id на 1 значение.
[[File:Изменения_id_карты.png|thumb|center| Пример с изменением id карты.|800px]]
== '''Редактор навигации''' ==
Перейдя в редактор навигаций пользователь увидит стартовую страницу этого редактора:
[[File:Название_этажа_и_список_магазинов.png|thumb|center| Пример стартовой страницы редактора навигации.|800px]]
Данная страница делится также на две основные части:
* Список этажей с возможностью добавить этажи (вверху слева) - позволяет выбрать один из имеющихся этажей или добавить дополнительный этаж для размещения помещений.
* Настройки (справа на весь экран): включает в себя наименование этажа (необходимо указать цифру этажа) и список магазинов (прописывается как в редакторе карт: 1.1.0, 1.2.0,1.3.0 и так далее).
Примечание: в списке магазинов необходимо все номера указывать через запятую.<br>
Далее пользователю необходимо нажать кнопку “Далее” для перехода на следующий шаг.
[[File:Кнопка_далее.png|thumb|center| Кнопка “Далее”, является активной.|800px]]
После нажатия кнопки далее виджет предложит выбрать схему для этажа (будет представлен список карт с ID). Пользователю нужно ориентироваться на ID схемы, который указан в названии схемы.
[[File:Пример_схемы_с_указанием_id.png|thumb|center| Пример схемы с указанием ID.|800px]]
Следующим этапом пользователю необходимо нажать кнопку “Выбрать схему этажа” и нажать кнопку “Далее”.
[[File:Выбрать_схему_этажа.png|thumb|center| Кнопка “Выбрать схему этажа”.|800px]]
== '''Параметры карты''' ==
При переходе в раздел “Параметры карты” пользователю откроется новое окно со списком параметров и схемой карты.
[[File:Общий_вид_окна_параметры_карты_.png|thumb|center| Общий вид окна “Параметры карты”.|800px]]
В список параметров настройки карты входит:
* Настройка сетки - позволяет с помощью ползунков настроить параметры сетки.
Примечание: сетку нужно накладывать на картинку так, чтобы границы изображения максимально совпадали с границами сетки (по возможности).
[[File:Пример_выставленной_сетки.png|thumb|center| Пример выставленной сетки.|800px]]
'''Примечание 1:''' при постановке точки магазина на сетке рекомендуется отстраивать сетку так, чтобы точка магазина занимала клетку полностью или хотя бы большую часть клетки. Иначе, возможна ситуация что из-за миниатюрности выставленной точки пользователь не сможет активировать ее кликом. Это актуально для таких помещений как павильоны. Это приведет к неудобству при использовании виджетом пользователями в ТЦ.
* Установка стен - позволяет установить стены в качестве ограничений на карте. Выставить стены можно одиночным кликом по клетке или растянуть линию стены зажав левую кнопку мыши.<br>
'''Примечание 1:''' границы стен выделены на карте темно-синим цветом.<br>
'''Примечание 2:''' границы нужны для того, чтобы при построении маршрута виджет не прокладывал маршрут по самому короткому пути, через структурные элементы (сквозь магазины). При правильной установки стен маршрут будет проложен внутри установленных границ.
[[File:Выставленные_стены.png|thumb|center| Пример выставленных стен на карте.|800px]]
* Установка постамата - позволяет выставить на карте постамат, от которого будет рассчитываться. Установленная метка постамата подсвечивается оранжевым цветом.
* Установка лестниц - позволяет установить на карте точку для лестницу/эскалатор на карте. При этом у пользователя будет выбор как обозначить лестницу при построении маршрута:
# Покинуть этаж по этой лестнице
# Вернуться на этаж по этой лестнице
# Пропустить (не присваивать не одни из вариантов)
[[File:Присвоить_статус_лестницы.png|thumb|center| Возможность присвоить статус лестницы.|800px]]
Установка магазинов - позволяет выставить точку, где располагается магазин. Чтобы установить магазин на карте необходимо кликнуть на пустое место  и выбрать номерной элемент на карте.<br>
'''Примечание 1:''' для правильной нумерации и выставления позиций магазина рекомендуется использовать скриншот и текстовый документ, который упоминался ранее в редакторе карт, для облегчения процесса заполнения карты.<br>
'''Примечание 2:''' после всех настроек пользователю необходимо нажать “Сохранить”.<br>
'''Примечание 3:''' для каждого магазина можно присвоить ближайшую лестницу.<br>
После добавления карты необходимо нажать кнопку “Сохранить карту”.  На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
== '''Построение навигации''' ==
Построение навигации на карте происходит следующим образом: на настроенной карте пользователь выбирает нужное заведение на любом этаже.
Далее слева вверху пользователю необходимо нажать на кнопку “Проложить маршрут”.
[[File:Кнопка_маршрут_.png|thumb|center| Кнопка "Проложить маршрут".|800px]]
После нажатия на кнопку “Проложить маршрут” на экране появиться оранжевая линия из точек ведущих к конечной точке на этаже.
[[File:Маршрут_и_постамат_на_одном_этаже.png|thumb|center| Пример проложенного маршрута когда постамат и заведение на одном этаже.|800px]]
Если же конечная цель находиться на другом этаже, то путь будет построен сначала до ближайшей к конечной точке лестницы и далее уже к самому помещению.<br>
При этом справа вверху, где можно выбрать этаж карты появляется оповещение: “Перейдите на другой этаж”.
[[File:Маршрутная_карта_с_постаматом_на_другом_этаже.png|thumb|center| Пример маршрутной карты когда постамат и заведение находятся на разных этажах.|800px]]
== '''Возможности списков категорий''' ==
Для технической (неизменяемой) категорий которые расположены справа, есть возможность подсветить на карте все объекты, которые относятся к категории. Для этого пользователю необходимо просто кликнуть на название технической категории.
[[File:Подсвеченные_категории.png|thumb|center| Пример подсвечивания помещений соответствующих категории.|800px]]
Для настраиваемых категорий (расположены слева от карты), есть возможность просмотреть список помещений, принадлежащих категории. Для этого, пользователь также должен кликнуть по названию категории.
[[File:Категории_и_помещения.png|thumb|center| Пример отображения списка помещений принадлежащих категории.|800px]]
== '''Раздел “Настройки готовых карт и помещений”''' ==
Внутри самого раздела пользователь может выбрать любое помещение (магазин), выделить его одним кликом и слева увидеть информацию о нем.
Примечание:  если после клика по магазину информации о магазине не высветилась, ее необходимо прописать в настройках. Как это сделать будет описано ниже.<br>
После перехода в раздел “Настройки готовых карт и помещений”  пользователю слева откроется окно с настройками UI (отображаемых параметров).  Это окно можно разделить на два блока:
* Настройка помещений
* Настройка логотипа
[[File:Настройки_лого_и_помещений.png|thumb|center| Пример блока настроек в разделе “Настройки готовых карт и помещений”.|800px]]
=== '''Настройки помещений''' ===
Открыв блок “Настройка помещений”, пользователь сможет настраивать параметры каждого конкретного помещения. Для настройки каждого помещения в первую очередь его выделить на карте кликнув один раз по нему на карте.
[[File:Выделенное_помещение_на_карте.png|thumb|center| Пример выделенного помещения на карте.|800px]]
После выделения конкретного помещения пользователю необходимо переключиться на левую сторону с параметрами.
[[File:Список_параметров_с_настройками.png|thumb|center| Пример списка параметров для настройки.|800px]]
В список параметров которые может настроить пользователь в блоке “Настройка помещения”:
* Строка поиска магазина - можно вписать название необходимого магазина и он подсветиться на карте.
* Список этажей - указывается номер этажа, который можно выбрать для настройки.
* Номер помещения - указывается номер присвоенный помещению на карте.  
* Иконка “Скрыть номер помещения” - отображается иконкой  в виде глаза, и позволяет скрыть номер помещения. То есть при нажатии на помещение выделения оранжевым цветом не будет.
* Название магазина - прописывается название магазина, которое потом будет указано на карте.
* Размер текста названия - позволяет с помощью ползунка выставить размер шрифта названия.
* Пример изменения размер шрифта - окно с текстом, которое при изменении ползунка размера текста меняет шрифт.
* Тип категории - можно присвоить одну из категорий во всплывающем окне. Список этих категорий отображается на английском внутри виджета, но далее, при выводе на экран пользователю текст будет преобразован на русский язык. В список категорий входит - cloth/одежда, cosmetics/косметика, footwear/обувь, accessories/аксессуары, electronics/электроника, supermarkets/супермаркеты.
* Описание - прописывается описание магазина, которая будет отображено в блоке “описание” внизу карточки магазина.
* Размер текста описания - позволяет с помощью ползунка выставить размер шрифта описания.
* Пример изменения размер шрифта - окно с текстом, которое при изменении ползунка размера текста меняет шрифт.
* Изображение - позволяет вставить ссылку и загрузить с помощью одноименной кнопки изображение.
После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”.  На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
=== '''Настройка логотипа''' ===
Перейдя в блок “Настройка лого” пользователю откроется список с измененными параметрами.
[[File:Настройки_лого.png|thumb|center| Пример со списком настроек в блоке “Настройки лого”.|800px]]
В список параметров данного блока входят следующие параметры:
* Строка поиска магазина - можно вписать название необходимого магазина и он подсветиться на карте.
* Список этажей - указывается номер этажа, который можно выбрать для настройки.
* Загрузить новые логотипы - позволяет загрузить новые логотипы, из списка логотипов загруженного в качестве контента на профиль.
'''Примечание 1:'''  карту можно загрузить из личного кабинета. Но, перед этим пользователь должен загрузить саму карту в личный кабинет из устройства.<br>
'''Примечание 2:''' при добавлении карты, в имени добавляемой карты должно обязательно вначале названия фигурировать текстовая часть: “adpLOGO…”. Это ограничение касается не только карт, но и всех графических элементов (картинок, иконок, логотипов).
[[File:Список_лого.png|thumb|center| Пример изображений с правильно указанными названиями, содержащими в себе “adpLogo…”
.|800px]]
* Список логотипов - окно, в котором находятся все загруженные логотипы.
Примечание: чтобы установить необходимый логотип на карту, его необходимо с помощью курсора переместить на карту, в ячейку необходимого помещения.
* Страницы со списками логотипов- позволяет переключать страницы со списками логотипов.
После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”. На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
== '''Работа с логотипами на карте''' ==
После загрузки всех нужных логотипов их можно перенести на карту. Перенести логотип можно с помощью мышки, переведя курсор на нужный логотип и перетянув его на нужное помещение.
[[File:Заполненная_карта.png|thumb|center| Пример заполненной логотипами картами.|800px]]
Если пользователь перенес не тот логотип на карту, он может его удалить нажав на иконку “Удалить”, в виде крестика на карте. После нажатия на иконку появится окно, которое требует подтвердить действие.
[[File:Удаление_с_карты.png|thumb|center| Пример всплывающего окна, для удаления логотипа магазина с карты.|800px]]
'''Примечание 1:''' удаляя логотип с карты вы не удаляете его со своего аккаунта. То есть в списке логотипов его можно будет найти и использовать для нанесения на карту снова.<br>
Если пользователь хочет удалить логотип из списка логотипов он также может нажать иконку “Удалить”, в виде крестика. После нажатия на эту иконку, также появится всплывающее окно, которое требует подтвердить действие.
[[File:Уверенное_удалени.png|thumb|center| Пример всплывающего окна, для удаления логотипа из списка логотипов|800px]]
'''Примечание 1:''' удаляя логотип из списка логотипов пользователь полностью удаляет его из аккаунта. То есть пользователю необходимо будет снова загрузить логотип в список логотипов.<br>
После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”.  На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
== '''Режим списка''' ==
Пользователь может изменить отображение карты, убрав карту и сделав список с категориями и магазина. Это можно сделать нажав на строку “Режим списка”.  
[[File:Режим_списка.png|thumb|center| Иконка “Режим списка”, подсвеченная синим и убранная за базовые иконки.|800px]]
После нажатия на кнопку “Режим списка” пользователю откроется новое окно. В него будут входить:
* Список неизменяемых категорий (первая строка)
* Список с изменяемыми категориями (вторая строка)
* Список со всеми помещениями и их описанием
== '''Список неизменяемых категорий''' ==
Список неизменяемых категорий - список, в котором нельзя добавить категории, но можно скрыть (не подсвечивать на карте) категорию, нажав по нужной иконке в виде глаза или изменить ее описание нажав иконку в виде карандаша.<br>
Нажав на иконку в виде карандаша раскроется окно настройки категории.
[[File:Настройки_категории.png|thumb|center| Пример настроек категории.|800px]]
В список настраиваемых параметров входит:
* Возможность добавить описание на разных языках (Русский, Казахский, Английский).
* Возможность загрузить иконку категории (действуют те же правила загрузки как и для любого другого контента с изображением. То есть необходимо чтобы имя файла начиналось со слова “adpLOGO…”)
* Возможность скрыть категорию
* Сохранить настройки
* Закрыть окно не сохраняя параметры
== '''Список изменяемых категорий''' ==
Список изменяемых категорий - список, в котором можно  добавить категории, но можно скрыть (не подсвечивать на карте) категорию, нажав по нужной иконке в виде глаза или изменить ее описание нажав иконку в виде карандаша.<br>
Нажав на иконку в виде карандаша раскроется окно настройки категории.
[[File:Настройки_категории.png|thumb|center| Пример настроек категории.|800px]]
В список настраиваемых параметров входит:
* Возможность добавить описание на разных языках (Русский, Казахский, Английский).
* Возможность загрузить иконку категории (действуют те же правила загрузки как и для любого другого контента с изображением. То есть необходимо чтобы имя файла начиналось со слова “adpLOGO…”)
* Возможность скрыть категорию
* Сохранить настройки
* Закрыть окно не сохраняя параметры
Отличается данный список категорий , возможностью добавить новую категорию нажав на иконку "+".
При нажатии на иконку пользователю достаточно только ввести название категории и нажать сохранить. Если он захочет отредактировать информацию о категории, можно это сделать способом описанным выше.
== '''Список со всеми помещениями и их описанием''' ==
В данный список входят все помещения и описания к ним.
[[File:Список_помещений.png|thumb|center| Пример списка с помещениями и их описаниями.|800px]]
В этом списке можно найти информацию о:
* Возможности добавить помещение и магазин
* Нумерации помещения на этаже
* Названии магазина
* Размере шрифта магазина
* Выборе категории для магазина
* Возможность отредактировать описание по иконке карандаша, как в пунктах описанных выше
* Размер шрифта описания
* Ссылка на изображение магазина
* Возможность загрузить изображения для описания магазина (распространяются те же правила, что и на все картинки внутри виджета. То есть, все картинки должны иметь в имени “adpLOGO…”).
* Возможность скрыть (не выделять на карте) магазин.
* Возможность  удалить помещение и магазин
После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”.  На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.
[[File:Применить_и_сохранить_настройки.png|thumb|center| Пример отображения клавиш, необходимых для завершения  работы с параметрами.|800px]]
== '''Изменения точек постаматов''' ==
Чтобы не делать все вышеописанные манипуляции снова, пользователь может просто клонировать и виджет и изменить точку, где будет находиться постамат с картой магазина.<br>
Для этого пользователю достаточно выйти из виджета, выделить его и справой стороны в сайдбаре нажать иконку "Клонировать".
[[File:Иконка_клонировать_.png|thumb|center| Расположение иконки “Клонировать”.|800px]]
При нажатии на кнопку “Клонировать” пользователю необходимо будет указать сколько копий виджета ему нужно в цифровом значении. В итоге система сделает нужное количество клонов виджета в списке виджетов.
[[File:Клон_виджета.png|thumb|center| Пример клона виджета.|800px]]
== '''Завершение настроек''' ==
После завершения всех вышеописанных настроек виджет можно добавлять в трансляцию с расписанием.

Текущая версия от 12:01, 8 мая 2024

Навигация SmartPlayer

Описание

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

Сферы внедрения

  1. Образовательные учреждения
  2. ТЦ и БЦ
  3. Фабрики/заводы с обширной инфраструктурой
  4. Другие объекты по запросу заказчика

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

  1. Тач Панель на ОС Android, Windows
  2. Наличие лицензии Smart Touch от SmartPlayer
  3. Рекомендуемые параметры i5, 8 ОЗУ

Внешний вид (примеры)

Отображение на тач панели Haitech.
Отображение виджета в личном кабинете.

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

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

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

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

Интерфейс

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

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

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

Инструкция по настройке виджета в личном кабинете

Установка виджета в личном кабинете

Пользователю необходимо получить виджет у команды SmartPlayer. Виджет будет предоставлен в виде архива. Чтобы перенести его в личный кабинет пользователю необходимо зайти на сайт/ в приложение, перейти в раздел “Контент” и перетащить архив с виджетом.

Перенесенный в личный кабинет виджет.

Данный виджет всегда можно будет найти в разделе “Контент”, во вкладке “виджет”.

Вкладка "Виджет" в разделе "Контент".

Переход к разделу “Общие настройки, настройки карт”

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

Иконка настроек.

Примечание 1: При наведении на иконку курсора, можно увидеть ее название.

Описание иконки.

Раздел “Общие настройки, настройки карт”

Перейдя в раздел “Общие настройки, настройки карт” пользователю откроется окно, в котором будет указано название и версия виджета (сверху по-центру), а также ниже список параметров, которые необходимо настроить.

Стартовое окно раздела.

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

  • Выбор языка - в виджете представлены следующие языки - Русский, Английский, Казахский, Португальский, Испанский.
  • Текущий этаж - в данном параметре необходимо проставить цифру текущего этажа. Эта настройка будет зависеть оттого, как будет настроена точка установки постамата в редакторе карт.
  • Чекбокс (галочка) “Показывать навигацию прокладки маршрута” - включает/выключает отображение навигации на карте.
  • Чекбокс (галочка) “Режим ожидания” - включает/выключает работу в виджете режима ожидания (в данном случае подразумевается что будет включена заставка пока устройство не будет использовано).
  • Картинка режима ожидания - позволяет загрузить изображения, которое будет использоваться в качестве заставки в режиме ожидания.
  • Видео режима ожидания - позволяет загрузить, которое будет использоваться в качестве заставки в режиме ожидания.
  • Время выхода в режим ожидания - необходимо прописать время, через которое будет активироваться режим ожидания.

Примечание 1:указанное время будет рассчитываться виджетом в секундах.

  • Карты - позволяет выбрать одну из загруженных карт.

Примечание 1: карту можно загрузить из личного кабинета. Но, перед этим пользователь должен загрузить саму карту в личный кабинет из устройства. Примечание 2:при добавлении карты, в имени добавляемой карты должно обязательно вначале названия фигурировать текстовая часть: “adpLOGO…”. Это ограничение касается не только карт, но и всех графических элементов (картинок, иконок, логотипов).

Пример изображений с правильно указанными названиями, содержащими в себе “adpLogo…” .

После добавления карты необходимо нажать кнопку “Сохранить карту”. На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Скачать/загрузить файл настроек

Также в приложении есть возможность выгрузить и загрузить настройки. Выгрузить и загрузить настройки можно по специально выделенным кнопкам: “Скачать файл настроек” и “Загрузить файл настроек”. Скачанные файлы с конфигурациями будут в формате “.json”. Загружать файл конфигурации также необходимо в формате “.json”.

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

Редакторы в виджете

После выставления всех вышеописанных настроек, пользователь может переходить в редакторы.
В виджете в разделе “Общие настройки, настройки карт”, доступно два редактора:

  • Редактор карт
  • Редактор навигации
Пример отображения кнопок обоих редакторов внутри виджета.

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

Перехода к редактору карт

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

Пример последней загруженной карты

Примечание 1: виджет будет воспринимать и работать только с последней загруженной картой. Все предыдущие карты будут удалены, как и указано в описании карты. Примечание 2: также пользователь может удалить старую карту и загрузить новую карту нажав на кнопку “Удалить”.

Удаление карты из раздела “Редактор карт”.

Примечание 3: слева внизу есть отдельно вынесенная кнопка, которая позволяет выйти из редактора. Она так и называется - “Выйти из редактора”.

Кнопка “Выйти из редактора”.

Редактор карт

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

Пример стартовой страницы редактора карт.

Данную страницу можно разделить на две части:

  • Загруженная карта, с которой можно взаимодействовать (расположена справа).
  • Список параметров (расположен слева).

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

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

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

Параметр настройки магазинов

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

Строка для заполнения названия магазина.

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

Пример заполненной схемы этажа с нумерацией помещений.

Примечание 2: рекомендуется создать отдельный текстовый файл и заносить данные сразу и в карту и в документ. Также рекомендуется сделать скриншот карты с заполненным списком помещений. В разделе “Редактор навигации” (будет описан позже) при заполнении нужных данных пользователю будет проще с этими дополнительными материалами.

Параметр настройки лестниц

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

Строка для заполнения номера лестницы.
Пример отображения нумерации лестниц на карте.

Категории с типами помещений

Следующие семь пунктов идущие по списку в редакторе карт - категории типов помещений. Они также заполняются по аналогии: выделяется помещения (участок) на карте и ему присваивается категория.

Список категорий с типами помещений.

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

  • Аптеки
  • Молитвенные комнаты (Намазхана)
  • Кафе и рестораны
  • Банкоматы
  • Эскалаторы
  • Лифты
  • Туалеты
  • Паркинг
  • Гардеробы
Отображение списка категорий с типами помещений на стартовой странице виджета.

Примечание 1: на главной странице виджета можно выбрать категорию, кликнув по ней. После этого на карте можно будет увидеть подсвеченные помещения принадлежащие этой категории. Подсвеченные помещения будут помечены желтым цветом. Примечание 2: на главной странице указана еще одна дополнительная категория “Входы/Входы”, которой нет в списке. Это единственная категория которая не может быть настроена системно и была.

Категории с типами магазинов

Следующие 6 пунктов идущие по списку в редакторе карт - категории типов магазинов.. Они также заполняются по аналогии: выделяется помещения (участок) на карте и ему присваивается категория.
Примечание 1: внутри редактора карт данный список категорий представлен на английском языке. В интерфейсе виджета, они будут отображены на русском языке (с помощью UI) слева от карты. Такое решение было реализовано из-за технических ограничений.

Категории списков магазинов.

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

  • Cloth (одежда)
  • Cosmetics (косметика)
  • Footwear (обувь)
  • Accessories (аксессуары)
  • Electronics (электроника)
  • Supermarkets (супермаркеты)
  • Cafes (кафе)
  • Children's Entertainment (детские комнаты)
Отображение списка категорий с типами магазинов на стартовой странице виджета.

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

Кнопка “Сохранить” в редакторе карт.

После добавления карты необходимо нажать кнопку “Сохранить карту”. На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимает по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

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

Взаимодействие с картами

После настройки карт, пользователю необходимо перезайти в редактор карт и найти свою настроенную карту. Базовый вариант ненастроенной карты будет внизу (последняя загруженная пустая карта). Вверху будет расположена уже заполненная карта.
Примечание 1: у каждой карты есть свой присвоенный Id в названии. При редактировании карты у него изменяется id на 1 значение.

Пример с изменением id карты.

Редактор навигации

Перейдя в редактор навигаций пользователь увидит стартовую страницу этого редактора:

Пример стартовой страницы редактора навигации.

Данная страница делится также на две основные части:

  • Список этажей с возможностью добавить этажи (вверху слева) - позволяет выбрать один из имеющихся этажей или добавить дополнительный этаж для размещения помещений.
  • Настройки (справа на весь экран): включает в себя наименование этажа (необходимо указать цифру этажа) и список магазинов (прописывается как в редакторе карт: 1.1.0, 1.2.0,1.3.0 и так далее).

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

Кнопка “Далее”, является активной.

После нажатия кнопки далее виджет предложит выбрать схему для этажа (будет представлен список карт с ID). Пользователю нужно ориентироваться на ID схемы, который указан в названии схемы.

Пример схемы с указанием ID.

Следующим этапом пользователю необходимо нажать кнопку “Выбрать схему этажа” и нажать кнопку “Далее”.

Кнопка “Выбрать схему этажа”.

Параметры карты

При переходе в раздел “Параметры карты” пользователю откроется новое окно со списком параметров и схемой карты.

Общий вид окна “Параметры карты”.

В список параметров настройки карты входит:

  • Настройка сетки - позволяет с помощью ползунков настроить параметры сетки.

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

Пример выставленной сетки.

Примечание 1: при постановке точки магазина на сетке рекомендуется отстраивать сетку так, чтобы точка магазина занимала клетку полностью или хотя бы большую часть клетки. Иначе, возможна ситуация что из-за миниатюрности выставленной точки пользователь не сможет активировать ее кликом. Это актуально для таких помещений как павильоны. Это приведет к неудобству при использовании виджетом пользователями в ТЦ.

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

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

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

Установка магазинов - позволяет выставить точку, где располагается магазин. Чтобы установить магазин на карте необходимо кликнуть на пустое место и выбрать номерной элемент на карте.
Примечание 1: для правильной нумерации и выставления позиций магазина рекомендуется использовать скриншот и текстовый документ, который упоминался ранее в редакторе карт, для облегчения процесса заполнения карты.
Примечание 2: после всех настроек пользователю необходимо нажать “Сохранить”.
Примечание 3: для каждого магазина можно присвоить ближайшую лестницу.
После добавления карты необходимо нажать кнопку “Сохранить карту”. На этой же страницы нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Построение навигации

Построение навигации на карте происходит следующим образом: на настроенной карте пользователь выбирает нужное заведение на любом этаже. Далее слева вверху пользователю необходимо нажать на кнопку “Проложить маршрут”.

Кнопка "Проложить маршрут".

После нажатия на кнопку “Проложить маршрут” на экране появиться оранжевая линия из точек ведущих к конечной точке на этаже.

Пример проложенного маршрута когда постамат и заведение на одном этаже.

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

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

Возможности списков категорий

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

Пример подсвечивания помещений соответствующих категории.

Для настраиваемых категорий (расположены слева от карты), есть возможность просмотреть список помещений, принадлежащих категории. Для этого, пользователь также должен кликнуть по названию категории.

Пример отображения списка помещений принадлежащих категории.

Раздел “Настройки готовых карт и помещений”

Внутри самого раздела пользователь может выбрать любое помещение (магазин), выделить его одним кликом и слева увидеть информацию о нем. Примечание: если после клика по магазину информации о магазине не высветилась, ее необходимо прописать в настройках. Как это сделать будет описано ниже.
После перехода в раздел “Настройки готовых карт и помещений” пользователю слева откроется окно с настройками UI (отображаемых параметров). Это окно можно разделить на два блока:

  • Настройка помещений
  • Настройка логотипа
Пример блока настроек в разделе “Настройки готовых карт и помещений”.

Настройки помещений

Открыв блок “Настройка помещений”, пользователь сможет настраивать параметры каждого конкретного помещения. Для настройки каждого помещения в первую очередь его выделить на карте кликнув один раз по нему на карте.

Пример выделенного помещения на карте.

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

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

В список параметров которые может настроить пользователь в блоке “Настройка помещения”:

  • Строка поиска магазина - можно вписать название необходимого магазина и он подсветиться на карте.
  • Список этажей - указывается номер этажа, который можно выбрать для настройки.
  • Номер помещения - указывается номер присвоенный помещению на карте.
  • Иконка “Скрыть номер помещения” - отображается иконкой в виде глаза, и позволяет скрыть номер помещения. То есть при нажатии на помещение выделения оранжевым цветом не будет.
  • Название магазина - прописывается название магазина, которое потом будет указано на карте.
  • Размер текста названия - позволяет с помощью ползунка выставить размер шрифта названия.
  • Пример изменения размер шрифта - окно с текстом, которое при изменении ползунка размера текста меняет шрифт.
  • Тип категории - можно присвоить одну из категорий во всплывающем окне. Список этих категорий отображается на английском внутри виджета, но далее, при выводе на экран пользователю текст будет преобразован на русский язык. В список категорий входит - cloth/одежда, cosmetics/косметика, footwear/обувь, accessories/аксессуары, electronics/электроника, supermarkets/супермаркеты.
  • Описание - прописывается описание магазина, которая будет отображено в блоке “описание” внизу карточки магазина.
  • Размер текста описания - позволяет с помощью ползунка выставить размер шрифта описания.
  • Пример изменения размер шрифта - окно с текстом, которое при изменении ползунка размера текста меняет шрифт.
  • Изображение - позволяет вставить ссылку и загрузить с помощью одноименной кнопки изображение.

После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”. На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Настройка логотипа

Перейдя в блок “Настройка лого” пользователю откроется список с измененными параметрами.

Пример со списком настроек в блоке “Настройки лого”.

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

  • Строка поиска магазина - можно вписать название необходимого магазина и он подсветиться на карте.
  • Список этажей - указывается номер этажа, который можно выбрать для настройки.
  • Загрузить новые логотипы - позволяет загрузить новые логотипы, из списка логотипов загруженного в качестве контента на профиль.

Примечание 1: карту можно загрузить из личного кабинета. Но, перед этим пользователь должен загрузить саму карту в личный кабинет из устройства.
Примечание 2: при добавлении карты, в имени добавляемой карты должно обязательно вначале названия фигурировать текстовая часть: “adpLOGO…”. Это ограничение касается не только карт, но и всех графических элементов (картинок, иконок, логотипов).

Пример изображений с правильно указанными названиями, содержащими в себе “adpLogo…” .
  • Список логотипов - окно, в котором находятся все загруженные логотипы.

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

  • Страницы со списками логотипов- позволяет переключать страницы со списками логотипов.

После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”. На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимаем по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Работа с логотипами на карте

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

Пример заполненной логотипами картами.

Если пользователь перенес не тот логотип на карту, он может его удалить нажав на иконку “Удалить”, в виде крестика на карте. После нажатия на иконку появится окно, которое требует подтвердить действие.

Пример всплывающего окна, для удаления логотипа магазина с карты.

Примечание 1: удаляя логотип с карты вы не удаляете его со своего аккаунта. То есть в списке логотипов его можно будет найти и использовать для нанесения на карту снова.
Если пользователь хочет удалить логотип из списка логотипов он также может нажать иконку “Удалить”, в виде крестика. После нажатия на эту иконку, также появится всплывающее окно, которое требует подтвердить действие.

Пример всплывающего окна, для удаления логотипа из списка логотипов

Примечание 1: удаляя логотип из списка логотипов пользователь полностью удаляет его из аккаунта. То есть пользователю необходимо будет снова загрузить логотип в список логотипов.
После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”. На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Режим списка

Пользователь может изменить отображение карты, убрав карту и сделав список с категориями и магазина. Это можно сделать нажав на строку “Режим списка”.

Иконка “Режим списка”, подсвеченная синим и убранная за базовые иконки.

После нажатия на кнопку “Режим списка” пользователю откроется новое окно. В него будут входить:

  • Список неизменяемых категорий (первая строка)
  • Список с изменяемыми категориями (вторая строка)
  • Список со всеми помещениями и их описанием

Список неизменяемых категорий

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

Пример настроек категории.

В список настраиваемых параметров входит:

  • Возможность добавить описание на разных языках (Русский, Казахский, Английский).
  • Возможность загрузить иконку категории (действуют те же правила загрузки как и для любого другого контента с изображением. То есть необходимо чтобы имя файла начиналось со слова “adpLOGO…”)
  • Возможность скрыть категорию
  • Сохранить настройки
  • Закрыть окно не сохраняя параметры

Список изменяемых категорий

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

Пример настроек категории.

В список настраиваемых параметров входит:

  • Возможность добавить описание на разных языках (Русский, Казахский, Английский).
  • Возможность загрузить иконку категории (действуют те же правила загрузки как и для любого другого контента с изображением. То есть необходимо чтобы имя файла начиналось со слова “adpLOGO…”)
  • Возможность скрыть категорию
  • Сохранить настройки
  • Закрыть окно не сохраняя параметры

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

Список со всеми помещениями и их описанием

В данный список входят все помещения и описания к ним.

Пример списка с помещениями и их описаниями.

В этом списке можно найти информацию о:

  • Возможности добавить помещение и магазин
  • Нумерации помещения на этаже
  • Названии магазина
  • Размере шрифта магазина
  • Выборе категории для магазина
  • Возможность отредактировать описание по иконке карандаша, как в пунктах описанных выше
  • Размер шрифта описания
  • Ссылка на изображение магазина
  • Возможность загрузить изображения для описания магазина (распространяются те же правила, что и на все картинки внутри виджета. То есть, все картинки должны иметь в имени “adpLOGO…”).
  • Возможность скрыть (не выделять на карте) магазин.
  • Возможность удалить помещение и магазин

После настройки всех параметров необходимо нажать кнопку “Сохранить карту”, в разделе “Общие настройки, настройки карт”. На открывшейся странице нажимаем кнопку “Применить настройки”. И в конце нажимае по центру кнопку “Сохранить”.

Пример отображения клавиш, необходимых для завершения работы с параметрами.

Изменения точек постаматов

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

Расположение иконки “Клонировать”.

При нажатии на кнопку “Клонировать” пользователю необходимо будет указать сколько копий виджета ему нужно в цифровом значении. В итоге система сделает нужное количество клонов виджета в списке виджетов.

Пример клона виджета.

Завершение настроек

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