Создание интерактивной карты для обычного пользователя может показать сложной задачей. Интерактивные карты, планы и схемы очень часто востребованы для генпланов зданий (торговых центров), местности (парков, кладбищ), коттеджных поселков, офисов компании и т.д. Именно для таких задач существует отечественный (зарегистрирован в реестре российского ПО) сервис «Planograph - конструктор интерактивных карт», который имеет БЕСПЛАТНЫЙ тариф и различные льготные условия для крупных проектов государственных и социальных учреждений.
О сервисе
Программное обеспечение «Planograph – конструктор интерактивных карт» является облачным сервисом (Saas, далее «Сервис» размещенный по адресу https://planograph.net/) для создания интерактивных карт и планов с использованием растровых изображений (местности, генеральрного плана, чертежей и объектов).
Сервис предназначен для разработки собственных интерактивных карт и планов местности (далее «Карта»), сооружений и различных объектов строительства с добавлением разного рода объектов (в виде меток или геометрических форм), снабженных информацией (текст, видео, изображения).
Сервис является коммерческим. Используется фиксированная абонентская плата согласно перечню тарифов (информация размещена на главной странице сервиса). Предусмотрен тариф «Бесплатный» для свободного использования с ограничением по хранимым ресурсам. Предусмотрен «демо» период для коммерческого тарифа «Стандарт» сроком на 10 суток. Условия тарифов могут меняться, так же как и названия тарифов и их количество. О подобных изменениях пользователь сервиса получает информацию по e-mail или в личном кабинете сервиса.
Возможности
- Создание собственной карты (именуемой внутри сервиса «подложка») для последующего использования при создании новой карты
- Использование в качестве подложки «Яндекс Карты»
- Добавления на карту геометрических объектов (меток, полигонов, линий и других геометрических форм).
- Добавление вспомогательной информации к каждому объекту разного типа: текст, изображение, видео, HTML код.
- Импорт и экспорт объектов карты в формате JSON.
- Настройка параметров отображения карты: масштаб, элементы управления, центровка, ширина и высота.
- Возможность размещения созданных карта на сторонних веб-ресурсах с помощью установки специального JavaScript – кода, для подключения к сервису.
- Хранение карт, объектов и информации.
- Техническая поддержка (онлайн-чат и прямой набор).
- Расширение функциональных особенностей сервиса, обновления и устранение возможных ошибок.
Как создать интерактивную карту
Если нужно срочно создать карту и нет времени на изучение инструкций, то достаточно посмотреть видео руководство по работе с сервисом.
Инструкция по эксплуатации
Чтобы начать использовать сервис, требуется пройти процедуру регистрации по адресу https://planograph.net/register Для регистрации необходимо заполнить все поля формы, представленные на скриншоте ниже.
Имя пользователя и пароль учетной записи — произвольные. E-mail – используется для идентификации пользователя, а так же для подтверждения регистрации.
Телефон — используется для оперативной связи с пользователем, технической консультации и поддержке.
При успешном заполнении формы, пользователю на указанный e-mail будет отправлено письмо с ссылкой для подтверждения регистрации.
Для подтверждения регистрации достаточно перейти из письма по ссылке «Подтвердить регистрацию» или скопировать ссылку из письма в адресную строку браузера.
После подтверждения регистрации пользователю автоматически назначается тариф «Стандарт» с демо-периодом на 10 суток. Демо-период позволяет использовать все функциональные возможности сервиса бесплатно в течении 10 суток. По завершению демо-периода, происходит автоматический переход на тариф «Бесплатный». Подробную информацию о тарифах зарегистрированный пользователь может получить по адресу - https://planograph.net/pricing Пользователь после успешной регистрации в любой момент может изменить свои регистрационные данные на странице профиля учетной записи, расположенной по адресу - https://planograph.net/edit (по этому же адресу, пользователь может сменить пароль учетной записи).
В боковой панели (слева) находится меню разделов сервиса, а под ним — информационная панель о текущем тарифе и использованию ресурсов, предусмотренных активным тарифом.
В нижней части пользовательского интерфейса расположены контакты технической поддержки, а также кнопка вызова онлайн-чата.
В верхней части интерфейса: область уведомления и кнопка вызова модального окна с кодом подключения к сервису.
Для создания собственной интерактивной карты по имеющемуся растровому изображению плана или местности, необходимо подготовить «подложку». Для этого, можно перейти в раздел подложек по адресу - https://planograph.net/underlays и нажать кнопку «Создать подложку».
В диалоговом окне требуется указать название подложки, а так же загрузить изображения самой подложки (растровое изображение плана или местности) и изображения фона подложки (служит заполнителем пустого пространства вокруг карты).
После того, как все данные будут заполнены, можно запустить процесс создания (генерации) подложки. Когда подложка будет создана, она отобразится в общем списке подложек. Далее, необходимо создать «Проект». Каждый проект внутри сервиса является составным.
Проект может содержать внутри себя дочерние проекты, и сами карты с объектами. Такая реализация позволяет разрабатывать карты с большим объемом данных, дает гибкость в управлении отдельными под-проектами и картами внутри проектов. Кроме того, данная реализация позволяет разграничить отдельные компоненты проекта и дает возможность работать с ними нескольким участникам под одной учетной записью.
Создание проекта происходит на странице - https://planograph.net/groups/ При нажатии на кнопку «Создать новый проект», откроется диалоговое окно с предложением заполнить информацию по новому проекту.
Будет достаточным указать лишь название проекта, если у него не предусмотрен родительский проект (ранее созданный). В противном случае, требуется выбрать родительский проект. Как только проект будет создан, пользователь попадает внутрь структуры проекта.
Внутри проекта отображается список созданных карт, дочерние проекты, а так же кнопки управления: «Опубликовать», «Настройки» и «Удалить».
Для создания карты в новом проекте, необходимо нажать кнопку «Создать карту», после чего произойдет открытие редактора карт.
В редакторе карт, для новой карты проекта необходимо указать название. Поумолчанию выбран проект, внутри которого создается карта. Родительский проект карты всегда можно сменить.
В качестве подложки, по-умолчанию установлены «Яндекс Карты». Т.к. для проекта требуется собственная подложка, необходимо в списке подложек выбрать ранее созданную подложку.
Ниже в редакторе карты можно изменить активность карты (в таком случае она перестанет отображаться в опубликованном проекте). Доступна функция импорта объектов на карту, а при наличии уже имеющихся объектов, будет доступна и аналогичная функция экспорта.
В верхнем левом углу редактора отображаются кнопки инструментов создания объектов на карте: «Метка», «Линия» и «Полигон». С учетом регулярных обновлений сервиса, набор инструментов может меняться. Слева находится «ползунок» регулирования масштаба карты, а справа вверху кнопка переключения полноэкранного режима редактора.
Нажав на инструмент «Метка», можно указать в каком месте карты необходимо создать объект. При клике на точку карты, отобразится окно параметров объекта «Метка»:
В окне редактора объекта, следует указать:
- тип метки (текст — при клике по объекту будет отображено модальное окно с информацией, указанной пользователем, ссылка — при клике по объекту будет произведен переход по заданной ссылке),
- вид иконки (стандарт — типовое изображение метки, своя — собственное изображение метки)
При выборе вида иконки «Своя», станут доступными кнопки загрузки собственных изображений для метки.
- текст метки (надпись, отображаемая рядом с изображением метки)
- Заголовок (надпись, которая отображается при наведении на объект)
- Заголовок контента (надпись, которая отображается в модальном окне при клике по объекту)
- Описание (основная область контента для объекта, которая содержит информацию разного вида).
Так же доступны параметры настройки цвета метки и его изменения при наведении.
После заполнения формы объекта данными, необходимо сохранить результаты ввода. Справа от кнопки сохранения результатов, есть кнопка «Удалить», которая удалит объект с карты вместе со всеми данными по объекту.
Для создания объекта с геометрической формой многоугольника, используется инструмент «Полигон». Последовательное указание вершин многоугольника и замыкание на начальной вершине с командой «Завершить», приводит к созданию полигона и отображению окна редактирования объекта.
В окне редактора объекта «Полигон» присутствуют аналогичные параметры, что и у объекта «Метка».
В случае работы с полигоном, имеются более широкие возможности для изменения отображения объекта.
Параметры отображения позволяют задать произвольный цвет границ многоугольника и толщину, заполнение фигуры и прозрачность. Так же как и в случае с объектом «Метка», тип полигона может быть: текст или ссылка.
Когда все необходимые объекты добавлены на карту, изменены или удалены, следует нажать кнопку «Сохранить» в нижнем левом углу редактора карты. Для отмены изменений, следует нажать кнопку «Отмена».
При сохранении карты, пользователь вновь попадает внутрь проекта, где отображен список созданных карт и дочерних проектов.
Для публикации созданного проекта с картой, необходимо рядом с необходимым проектом нажать кнопку «Опубликовать», клик по которой откроет модальное окно с кодом вставки проекта на произвольный веб-ресурс.
Код вставки проекта следует размещать именно в том месте веб-страницы, где пользователь ожидает отображение карты.
Чтобы проект отобразился на стороннем ресурсе, так же необходимо выполнить вставку кода подключения к Сервису. Сделать это можно с помощью кнопки «Код подключения», которая расположена в правом верхнем углу интерфейса. Клик по кнопке отображает модальное окно с кодом подключения к сервису.
Приведенный код рекомендуется устанавливать пользователю на своем веб-ресурсе в разделе , чтобы избежать необходимости повторной вставки кода на разных страницах веб-ресурса.
Рекомендуется обратиться к технической поддержке Сервиса (телефон или онлайн-чат), если подключение вызывает сложности или затруднения. В простом случае, установка кода в стороннее веб-приложение (для отдельной страницы) выглядит следующим образом.
На строке 9 установлен код подключения к сервису, а на строке 13 — код отображения проекта.
Опубликованный проект на странице имеет следующий вид.
Клик по любому из объектов на карте, отображает модальное окно с заданной информацией по объекту.
Пользователь имеет возможность перемещаться по созданной карте, изменять ее масштаб и получать различную информацию об объектах.
В случаях, когда требуется изменить отображение опубликованного проекта, необходимо произвести настройки. Для этого, в Сервисе рядом с нужным проектом необходимо нажать кнопку «Настройки», которая откроет страницу параметров отображения проекта.
С помощью настроек проекта, можно изменить:
- Подложку для всех карт внутри проекта
- Координаты центра карты (изменить центровку). Для карт с собственными подложками, центр карты находится в координатах «0, 0». В остальных случаях, используется международная система координат.
- Масштаб (зум) карты по-умолчанию
- Ширину и высоту карты. Если поле ширины оставить пустым (удалить стандартное значение), то карта будет растянута по ширине контейнера вебстраницы где опубликован проект, что делает ее адаптивной.
- Ограничения по масштабу (зум).
- Набор инструментов управления картой.
После того как настройки изменены, следует нажать кнопку «Сохранить», чтобы изменения вступили в силу. Или кнопку «Отмена», для отмены изменений.
По мере работы с Сервисом, расходуются ресурсы, предусмотренные активным тарифом. Их состояние отображается в левой панели интерфейса.
При необходимости, пользователь может удалить ненужные карты или целые проекты. Удаленные элементы попадают изначально в корзину - https://planograph.net/basket, из которой элементы можно так же и восстановить.
Очистка корзины приводит к безвозвратному удалению элементов и высвобождает ресурсы, отведенные активным тарифом.
Если ресурсов у активного тарифа становится недостаточно для работы с проектами, рекомендуется перейти на тариф с меньшими ограничениями. Выбора тарифов доступен по адресу - https://planograph.net/pricing
Пользователь на странице тарифов может продлить текущий тариф или выбрать другой. Для этого достаточно указать период будущего использования и нажать кнопку «Продлить» или «Подключить» соответственно.
После нажатия на кнопки «Продлить» или «Подключить» для платных тарифов, произойдет переход на банковский шлюз для оплаты периода выбранного тарифа. Как только оплата будет успешно произведена, пользователь вернется на страницу тарифов автоматически, где информация по текущему тарифу обновится.
Помощь и техническая поддержка
Сервис имеет регулярное ежесуточное резервное копирование данных, оставленных пользователями сервиса. Предусмотрена система мониторинга работоспособности, загруженности, а так же системы логирования и анализа нагрузок в разрезе на пользователя сервиса. Техническую поддержку сервиса осуществляет:
- штат разработчиков во главе с ведущим-разработчиком,
- системный администратор
- менеджер проекта
Для поддержания жизненного цикла Сервиса предусмотрены процессы по рефакторингу кодовой базы, нагрузочного тестирования и отладки, а так же обратная связь (опросы и интервью) с пользователями Сервиса.
Совершенствование и устранение неисправностей Сервиса происходит за счет:
- тесной работы с пользователями (опросы, анкетирование, интервью, голосования)
- обращений в техническую поддержку
- анализа конкурентных решений и запросов рынка.
Инфраструктура проекта, а так же штат сотрудников обеспечивающих разработку, совершенствование, анализ и техническую поддержку расположены по единому адресу: 153037, Россия, г. Иваново, ул. 8 Марта, д. 32А, офис №7. Тел.: +7 (499) 648-04-94.