Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Начиная с версии WNAM 1.3.1052 поддерживает новый, визуальный конструктор страниц, отображаемых абонентам беспроводной сети. Механика "конструктора" призвана полностью заменить "загружаемые страницы портала", облегчить редактирование внешнего вида страниц, реализовать механизм делегирования конструктора владельцам площадки оказания услуги, унифицировать разные типы шаблонов страниц, в том числе с рекламными возможностями Механизм авторизации системы WNAM показывает абонентам Wi-Fi страницы авторизации с приветствием, ограничениями, ошибками и т.п.

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

Image Removed

Созданные ранее и загруженные HTML-страницы любых типов, если они были привязаны к площадкам в разделах "авторизация", "перенаправление", "ограничения" и т.п., будут доступны и продолжат работать, таким образом немедленный апгрейд всех страниц системы WNAM не требуется. Вместе с тем, если вы хотите изменить какую-либо страницу у площадки, сделать это можно только используя страницы "конструктора", описание которого идет ниже. Раздел "Загружаемые страницы портала" позволит вам выгрузить из WNAM ранее подготовленные дизайны страниц, логотипы, стили для того, чтобы затем импортировать их в "конструкторе".

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

Все страницы можно сверстать с нуля или получить редактированием базовых (дистрибутивных) шаблонов в соответствующем конструкторе. Конструктор - это редактор страниц, которые отображаются Wi-Fi абонентам.

При первом запуске системы WNAMПри первом переходе на "Конструктор", если верно настроена библиотека phantomjs, в лог-файле /varhome/logwnam/tomcat8logs/wnam.log появятся строки, свидетельствующие о генерации шаблонов страниц разных типов (из шаблонов по умолчанию):

17:33:47.303 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: sms, parameters: 29
17:33:50.087 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: sms_recv, parameters: 24
17:33:52.088 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: call, parameters: 0
17:33:54.053 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: call_recv, parameters: 0
17:33:56.028 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: login, parameters: 0
17:33:57.966 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: edelweiss, parameters: 0
17:33:59.951 DEBUG [c.n.w.manager.PageContainerManager:152] - Created page from template: voucher, parameters: 0

Внимание! Общий список страниц отображает превью, которые представляют из себя Конструктор страниц (раздел меню "Конфигурация" → "Гостевая авторизация" → "Конструктор страниц") полностью доступен администраторам системы WNAM, пользователям с ролью "оператор портала", а также менеджерам клиента и рекламодателям (если назначены соответствующие права) из их личных кабинетов в пределах выданных на заданные страницы прав доступа. При переходе в конструктор отображается окно с шестью вкладками по категориям страниц (авторизация, приветствие, ограничения, опросы, отчеты, другое). Каждая вкладка показывает таблицу с предварительным просмотром (preview) картинки-миниатюры, созданные созданную из HTML-представлений страницы библиотекой phantomjs на сервере , в момент её сохранения страницы . При этом формат (размеры превьюpreview) определены в инструменте /usr/local/bin/phantomjs.js. Также следует иметь в виду, что при генерации миниатюр страниц используется "псевдо-браузер" phantomjs и установленные на сервере шрифты, то есть внешний вид превью слегка отличается preview будет немного отличаться от реального. Превью служат Preview служат для быстрого отображения миниатюр , в конструкторе и во всех системных окнах выбора страницы.

В "Конструкторе" отобразятся шаблоны страниц авторизации разного типа:

Image Removed

Image Added

Конструктор Начиная с версии 1.4.1453 конструктора также поддерживает режим модерации; при этом страницы. При указании соответствующего признака в профиле менеджера, все созданные и отредактированные им страницы при сохранении попадают на модерацию администратору и являются недоступными для назначения площадкам. Страницы, требующие модерации (проверки и одобрения) помечаются золотистым цветом фона:. Администратору необходимо провести проверку страницу, и если она соответствует требованиям, то администратор должен снять флаг "требует модерации" в конструкторе страницы. Режим модерации страниц является не обязательным.

Все имеющиеся в системе шаблоны страниц WNAM страницы поделены на пять шесть категорий:

  • Авторизация авторизация (идентификация)
  • Приветствие (перенаправление)
  • Ограничения
  • Опросы
  • Другое
  • ;
  • приветствие;
  • ограничения;
  • опросы;
  • отчеты;
  • другое.

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

  • Отправка СМС абоненту (у.р.);
  • Получение СМС от абонента (у.р.);
  • Отправка звонка Звонок абоненту (у.р.);
  • Получение звонка от абонента (у.р.);
  • ВаучерВвод кода с ваучера;
  • Авторизация в гостиничной системе Эдельвейс;
  • Авторизация в гостиничной системе UCS Shelter;
  • Ввод логина и пароля;
  • Внешняя система (API).

Страницы категории "Приветствие" имеют три типа:

  • Страница приветствия (у.р.);
  • Социальная сеть;
  • Видео-ролик (у.р.).

Страницы категории "ОпросОпросы" имеют два типа:

  • Шаблон опроса;
  • Шаблон страницы по завершении опроса.

Страницы типа "Авторизация - категории "Отчеты" имеют один тип: 

  • Report (по умолчанию).

Страницы категории "Другое" имеют количество тип:

Некоторые страницы имеют визуальные Отправка СМС абоненту", "Авторизация - Получение СМС от абонента", "Приветствие" имеют визуальные (упрощенные) редакторы (отмечено в перечне вверху списков типов страниц как  (у.р.)), остальные - страницы имеют только традиционные экспертные редакторы (в формате HTML).

Warning
При работе со страницами необходимо придерживаться требований к дизайну страниц (здесь) и рекомендаций по редактированию страниц (здесь).

Тип страниц играет роль при попытке назначить страницу в окне свойств площадки (или "общих настройках") авторизации, перенаправления и т.п. ; при При выборе отображаются только страницы типа, соответствующие заданному методу авторизации. Таким образом не получится по ошибке указать метод исключается ошибка неверного указания метода авторизации и выбора шаблона страницы например, при выборе метода авторизации "Отправка СМС" и при этом   невозможно выбрать шаблон страницы типа "Получение СМС").

Конструктор страниц позволяет:

  • Отфильтровать фильтровать список страниц, доступных администраторам системы, или одному заданному пользователю (с ролью "владелец площадки") - для этого служит выпадающий список сверхупри помощи выпадающего списка вверху конструктора страниц ("показать для пользователя");
  • отображать Отфильтровать только страницы, требующие модерации при помощи установки флага в поле "Показывать только требующие модерации" конструктора страниц;
  • посмотреть Посмотреть набор страниц заданной категории путем переключения между вкладками;
  • Для для любой из страниц произвести одну из пяти операцийследующие операции:
    • Переименованиепереименование;
    • Выдачу выдача прав управления и использования;
    • Редактированиередактирование;
    • Сброс сброс в исходное состояние "по умолчанию" (для штатных страниц) либо удаление шаблона (для клонов страниц);
    • Клонирование клонирование (создание полной копии страницы).
Удалить можно только шаблон страницы, не привязанный к какой-то то площадке и не использующийся в настоящий момент. 

Image RemovedImage Added

Для клонирования шаблона с целью модификации нажмите необходимо нажать соответствующую кнопку:

В После клонирования в списке появится новый шаблон, первым по счету. Шаблоны отображаются в обратном хронологическом порядке (боле новые-первыми). Имя шаблона соответствует имени родительского шаблона , со знаком "+". Рекомендуется После создания клона страницы рекомендуется шаблон сразу переименовать:

Новое имя шаблона:

Image Removed

Результат переименования:

     Image Added     

Шаблону также можно дать назначить права доступа (использования):

Image RemovedImage Added

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

Под использованием шаблона страницы подразумевается право клонировать шаблон, выбирать его в меню "авторизацияАвторизация", "перенаправлениеПеренаправление", "опросыОпросы" и т.п. При нажатии на кнопку "редактированиеРедактирование" (кнопка с карандашомизображением карандаша) появляется открывается окно редактирования этого шаблона выбранной страницы. Оно Окно состоит из редактора с двумя вкладками: "упрощенный Упрощенный режим" и "экспертный Экспертный режим", окна области предварительно просмотра, расположенной справа, кнопки сохранения и кнопки выхода обратно без сохранения, и другие кнопкиа также имеет ряд других кнопок для редактирования страниц.

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

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

Начиная с версии 1.4.1453 системы WNAM возможности редактирования расширены:

Image Removed

Вы можете изменить Имеется возможность изменять тип устройства для превью предварительного просмотра (фактически - размер превью preview в пикселях), а также открыть превью в preview в новой вкладке браузера, пользуясь используя меню справа вверху окна (над шаблоном предпросмотрапредварительного просмотра). рекомендуется Рекомендуется открывать превью в preview в отдельной вкладке, переключаться в ней переключиться в "режим разработчика" и выбрать в нем "представление для мобильного устройства". Справа внизу , окна редактирования (под фреймом предпросмотра, предварительного просмотра) расположена кнопка включения/выключения требования модерации для страницы.

Image Added

Конструктор в упрощенном режиме позволяет менять изменять множество параметров - названия, цвета, наличие кнопок и т.п.

...

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

Warning

Если используется доступ к серверу WNAM по протоколу https,

...

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

...

наличие строки:

add_header X-Frame-Options SAMEORIGIN;


Можно также загрузить логотип В упрощенном режиме редактирования шаблонов страниц имеется возможность загрузки логотипа площадки, где оказывается услуга Wi-Fi. Для этого необходимо выбрать поле "Логотип" и выбрать файл для загрузки в качестве логотипа.

Для страницы типа "Отправка СМС" и "Подтверждение СМС" есть существует три этапа способа авторизации - запрос номера телефона, запрос кода подтверждения, (опционально) запрос кода с ваучера (опционально). В окне предварительно просмотра можно переключаться между этими этапамиспособами авторизации.

Image RemovedImage Added

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

Если вы вносите в экспертном режиме вносить существенные правки в экспертный режим, например импортируете в него , например импортировать целиком готовую страницу СМС-авторизации из системы WNAM предыдущих версий,то "упрощенный режим" автоматически отключается:.

Панель меню под редактором страницы (набор кнопок редактирования) позволяет выполнить следующие действия:

  • сохранить внесенные изменения;
  • скопировать стиль;
  • выполнить экспорт и импорт страницы;
  • сбросить настроить упрощенного режима или сбросить шаблон экспертного режима.

 

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

Скопировать стиль. При этом использовании данной функции можно скопировать оформление (фон, цвета) можно скопировать из другой страницы:.

Image RemovedImage Added

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

Импорт - загрузить . Использование данной функции позволяет загрузить из файла экспортированный ранее стиль:.

Image RemovedImage Added

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

Image Added

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

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

...

было отображено в окне

...

предварительного просмотра. Это

...

допустимо.

...

При этом абонент будет видеть

...

реальную, основанную на HTML страницу.

Созданную в конструкторе страницу любой категории и любого типа можно затем использовать в других окнах настройки системы WNAM. Например, чтобы использовать шаблон страницы типа "Отправка СМС абоненту" с именем "SMS1" небходимо необходимо в настройках параметров авторизации в меню "Конфигурация-" → "Гостевая авторизация" → "Авторизация" выбрать метод : отправка "Отправка СМС абоненту", указать требуемые параметры СМС-шлюза , и нажать на кнопку "Выбор":

Image RemovedImage Added

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

Аналогичным способом редактируются шаблоны можно выполнить редактирование шаблона страниц приветствия:.

Image RemovedImage Added

Конструктор страницы приветствия также имеет упрощенный и экспертный режимы работы:.

Image RemovedImage Added

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

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

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

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

После редактирования шаблона страницы (если на то есть правапри наличии прав на редактирование) владелец площадки может выбрать её отредактированную страницу в настройках своей площадки:.