Визуальная настройка информационных панелей
Информационные панели Omniscol рассчитаны на то, чтобы визуально вписываться в ваш фирменный стиль. Возможны два уровня настройки: (1) параметры в интерфейсе (для большинства случаев их достаточно), (2) полная замена веб-страницы, которая отображает панель (для внедрений с ярко выраженным фирменным стилем).
Параметры в интерфейсе
В модуле Расписание кнопка Информационная панель открывает экран настройки панелей. На нём доступны следующие параметры отображения, которые меняются без обращения к коду:
- Размер шрифта — маленький, средний или большой. Отображение
использует единицы, привязанные к размеру окна (
vmin), поэтому читаемость остаётся одинаковой при любом формате экрана (16:9,4:3, вертикальный). - Цвета — цвет фона, цвет текста, цвета чётных и нечётных строк таблицы занятий. Принимаются любые шестнадцатеричные коды: палитру можно повторить по вашему фирменному стилю.
- Шапка — упорядоченное сочетание: заголовок, логотип, текущая дата. Вы выбираете, что показывать в шапке и в каком порядке.
- Колонки таблицы — выбор и порядок из списка: кабинет, классы, преподаватели, дисциплина, время. Скрыть колонку (например, преподавателей на публичной панели у входа) или поменять порядок колонок можно мгновенно.
- Формат имени преподавателя — имя и фамилия, фамилия и имя, обращение и фамилия («Г-жа Иванова»), обращение и имя. Обращения «Г-н» и «Г-жа» автоматически следуют языку интерфейса; для каждой панели настраивается именно выбранный формат.
- Логотип — логотип учебного заведения, загруженный в настройки школьного аккаунта, можно показывать в шапке.
Эти параметры сохраняются в настройках панели. Обратите внимание: занятия и сообщения обновляются сами, а вот эти визуальные параметры (цвета, размер, колонки, шапка, формат имён) встраиваются в страницу в момент её загрузки. После сохранения перезагрузите вкладки, уже открытые на экранах (F5 или перезапуск страницы в режиме киоска), чтобы они показали новое оформление.
Полная замена шаблона (лицензия MIT)
Шаблон, по которому строится страница отображения, явно распространяется по лицензии MIT: его можно скопировать и изменить, чтобы настроить панель учебного заведения.
Это открывает несколько сценариев для учебных заведений, которые хотят выйти за рамки этих параметров:
- Полностью новое оформление — переписать HTML/CSS шаблона, чтобы он соответствовал ярко выраженному фирменному стилю (фирменный шрифт, особая анимация, нестандартная вёрстка).
- Встраивание в существующую систему цифровых вывесок — вывести содержимое панели Omniscol на общий экран, где одновременно показываются занятия, погода, новости школы, видео…
- Специализированные прикладные представления — например, экран для сотрудников (кто что должен делать) или для технической службы (занятость кабинетов с потребностью в оборудовании) и так далее.
Для этого есть два взаимодополняющих подхода:
- Копия шаблона — если вы размещаете Omniscol самостоятельно,
скопируйте
panel.dot, измените его и разверните свою версию. Лицензия MIT прямо разрешает изменения, распространение и коммерческое использование. - JSON API панели — если вы хотите оставить Omniscol источником
данных, а отображение строить на стороне стороннего сервиса, URL
панели также предоставляет JSON-вариант
(
GET /panels/:accesshash/lessons). Он возвращает список занятий, отфильтрованный согласно настройкам панели, в виде, готовом для стороннего решения по цифровым вывескам (Yodeck, Xibo, ScreenCloud, собственный дашборд). Этот URL открывается с ключом доступа панели, без дополнительного токена. Для более широкой интеграции систем между собой REST API Omniscol описан на странице API Omniscol.
Практические рекомендации
Несколько моментов, которые часто всплывают при внедрении:
- Контраст — тёмный фон и светлый текст меньше утомляют глаза на экране, который работает по 12 часов в сутки, чем белый фон.
- Шрифт «Большой», если экран читают с расстояния более 2 м (обычно это холл). «Средний» оставьте для экранов у дверей кабинетов, которые видны вблизи.
- Логотип в шапке — всегда полезен для быстрого опознавания, когда на большой территории учебного заведения несколько панелей.
- Дата в шапке — полезна в холле (посетители сверяют дату) и менее полезна перед кабинетом (контекст и так очевиден).
- Скрывайте колонку преподавателей на публичных панелях, если во внутренних правилах учебного заведения есть ограничения на показ имён.
Инструкция
Привести панель в соответствие с фирменным стилем школы
-
Два уровня настройки: (1) параметры в интерфейсе (в 90 % случаев их достаточно), (2) полная замена шаблона MIT для ярко выраженного фирменного стиля.
-
Откройте настройки панели в модуле Расписание с помощью кнопки Информационная панель. На экране показаны параметры отображения: цвета, размер, шапка, колонки, формат имён.
-
Подберите цвета по фирменному стилю: цвет фона, цвет текста, цвета чётных и нечётных строк. Принимаются шестнадцатеричные коды. Для экрана, работающего 12 часов в сутки, лучше выбрать тёмный фон и светлый текст (меньше утомляет).
-
Шапка: выберите порядок элементов логотип, заголовок, дата. Логотип полезен, как только на территории несколько панелей. Дата полезна в холле, а перед кабинетом без неё можно обойтись.
-
Колонки таблицы: выберите и упорядочите их из списка кабинет, классы, преподаватели, дисциплина, время. Для публичной панели у входа, если ваши правила запрещают показ имён, скройте колонку преподаватели.
Формат имён (если он оставлен): имя и фамилия, фамилия и имя, обращение и фамилия, обращение и имя.
-
Размер шрифта: большой, если читают с расстояния более 2 м (холл), средний для экранов у дверей кабинетов (вид вблизи). Единицы
vmin— относительные, поэтому читаемость остаётся одинаковой при любом формате экрана. -
Сохраните, затем перезагрузите экраны. Эти визуальные параметры встраиваются в страницу при загрузке: перезагрузите (F5) вкладки, уже открытые на панелях, чтобы они показали новое оформление.
Чтобы пойти дальше (полное переоформление, интеграция со сторонней системой цифровых вывесок Yodeck/Xibo/ScreenCloud): шаблон
panel.dotраспространяется по лицензии MIT, копирование разрешено. JSON-вариант URL панели (GET /panels/:accesshash/lessons) отдаёт данные, готовые для внешней системы, с ключом доступа панели. О более широком REST API см. API Omniscol.