Визуальная настройка информационных панелей

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

Параметры в интерфейсе

В модуле Расписание кнопка Информационная панель открывает экран настройки панелей. На нём доступны следующие параметры отображения, которые меняются без обращения к коду:

  • Размер шрифта — маленький, средний или большой. Отображение использует единицы, привязанные к размеру окна (vmin), поэтому читаемость остаётся одинаковой при любом формате экрана (16:9, 4:3, вертикальный).
  • Цвета — цвет фона, цвет текста, цвета чётных и нечётных строк таблицы занятий. Принимаются любые шестнадцатеричные коды: палитру можно повторить по вашему фирменному стилю.
  • Шапка — упорядоченное сочетание: заголовок, логотип, текущая дата. Вы выбираете, что показывать в шапке и в каком порядке.
  • Колонки таблицы — выбор и порядок из списка: кабинет, классы, преподаватели, дисциплина, время. Скрыть колонку (например, преподавателей на публичной панели у входа) или поменять порядок колонок можно мгновенно.
  • Формат имени преподавателя — имя и фамилия, фамилия и имя, обращение и фамилия («Г-жа Иванова»), обращение и имя. Обращения «Г-н» и «Г-жа» автоматически следуют языку интерфейса; для каждой панели настраивается именно выбранный формат.
  • Логотип — логотип учебного заведения, загруженный в настройки школьного аккаунта, можно показывать в шапке.

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

Полная замена шаблона (лицензия MIT)

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

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

  • Полностью новое оформление — переписать HTML/CSS шаблона, чтобы он соответствовал ярко выраженному фирменному стилю (фирменный шрифт, особая анимация, нестандартная вёрстка).
  • Встраивание в существующую систему цифровых вывесок — вывести содержимое панели Omniscol на общий экран, где одновременно показываются занятия, погода, новости школы, видео…
  • Специализированные прикладные представления — например, экран для сотрудников (кто что должен делать) или для технической службы (занятость кабинетов с потребностью в оборудовании) и так далее.

Для этого есть два взаимодополняющих подхода:

  1. Копия шаблона — если вы размещаете Omniscol самостоятельно, скопируйте panel.dot, измените его и разверните свою версию. Лицензия MIT прямо разрешает изменения, распространение и коммерческое использование.
  2. JSON API панели — если вы хотите оставить Omniscol источником данных, а отображение строить на стороне стороннего сервиса, URL панели также предоставляет JSON-вариант (GET /panels/:accesshash/lessons). Он возвращает список занятий, отфильтрованный согласно настройкам панели, в виде, готовом для стороннего решения по цифровым вывескам (Yodeck, Xibo, ScreenCloud, собственный дашборд). Этот URL открывается с ключом доступа панели, без дополнительного токена. Для более широкой интеграции систем между собой REST API Omniscol описан на странице API Omniscol.

Практические рекомендации

Несколько моментов, которые часто всплывают при внедрении:

  • Контраст — тёмный фон и светлый текст меньше утомляют глаза на экране, который работает по 12 часов в сутки, чем белый фон.
  • Шрифт «Большой», если экран читают с расстояния более 2 м (обычно это холл). «Средний» оставьте для экранов у дверей кабинетов, которые видны вблизи.
  • Логотип в шапке — всегда полезен для быстрого опознавания, когда на большой территории учебного заведения несколько панелей.
  • Дата в шапке — полезна в холле (посетители сверяют дату) и менее полезна перед кабинетом (контекст и так очевиден).
  • Скрывайте колонку преподавателей на публичных панелях, если во внутренних правилах учебного заведения есть ограничения на показ имён.

Инструкция

Привести панель в соответствие с фирменным стилем школы

  1. Два уровня настройки: (1) параметры в интерфейсе (в 90 % случаев их достаточно), (2) полная замена шаблона MIT для ярко выраженного фирменного стиля.

  2. Откройте настройки панели в модуле Расписание с помощью кнопки Информационная панель. На экране показаны параметры отображения: цвета, размер, шапка, колонки, формат имён.

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

  4. Шапка: выберите порядок элементов логотип, заголовок, дата. Логотип полезен, как только на территории несколько панелей. Дата полезна в холле, а перед кабинетом без неё можно обойтись.

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

    Формат имён (если он оставлен): имя и фамилия, фамилия и имя, обращение и фамилия, обращение и имя.

  6. Размер шрифта: большой, если читают с расстояния более 2 м (холл), средний для экранов у дверей кабинетов (вид вблизи). Единицы vmin — относительные, поэтому читаемость остаётся одинаковой при любом формате экрана.

  7. Сохраните, затем перезагрузите экраны. Эти визуальные параметры встраиваются в страницу при загрузке: перезагрузите (F5) вкладки, уже открытые на панелях, чтобы они показали новое оформление.

    Чтобы пойти дальше (полное переоформление, интеграция со сторонней системой цифровых вывесок Yodeck/Xibo/ScreenCloud): шаблон panel.dot распространяется по лицензии MIT, копирование разрешено. JSON-вариант URL панели (GET /panels/:accesshash/lessons) отдаёт данные, готовые для внешней системы, с ключом доступа панели. О более широком REST API см. API Omniscol.

См. также