Миграция СЭО 3КL с релиза 3.9 на 4.1. Вопросы и решения

Сергей Гусев
09.23.24
Материал, изложенный в статье, призван осветить некоторые вопросы, которые могут возникнуть у пользователей СЭО 3КL после обновления системы с версии 3.9 на версию 4.1. В первую очередь, информация предназначена для тех, кто использует тему оформления «СЭО 3КL».

1. Введение

После миграции на версию 4.1 внешний вид СЭО 3КL претерпел существенные изменения: многие интерфейсы, расположение элементов управления и компоновка страниц стали иными. В первом приближении это может показаться достаточно непривычным и вызвать желание остаться на старой версии. Однако, мы все же рекомендуем выполнить обновление и перейти на новую версию по следующим причинам:

1) Несмотря на кажущуюся непривычность, СЭО 3КL 4.1 существенно превосходит предыдущую версию по качеству навигации и интерфейса, UX-дизайн системы стал более современным. Любые значительные изменения непривычны, это нормально. Через какое-то время использования среды электронного обучения это пройдет и, вполне вероятно, обновленный вариант покажется вам лучше старого.

2) Миграция с мажорного релиза 3.9 на релиз 4.1, безусловно, является шагом вперед, так как новая версия СЭО 3КL включает в себя много важных доработок и изменений: повышена производительность отдельных подсистем за счет применения индексирования и оптимизации кода; улучшена защита персональных данных; добавлены новые функциональные возможности; реализована поддержка новых протоколов и стандартов.

3) Если остаться на старой версии, то теряется возможность выполнять обновления (в том числе, критические по безопасности или исправления важных ошибок), получать новый функционал, консультироваться по актуальным возможностям системы.

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

-Вернуться к содержанию-

2. Обзор основных изменений пользовательского интерфейса

2.1. Режим редактирования

Изменился внешний вид кнопки включения/отключения режима редактирования и ее расположение на странице: из контентной области (из-под правого края док-панели) кнопка перемещена в панель навигации пользователя (Рис. 2.1.1) и теперь стала доступна на всех страницах СЭО 3КL.

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.1.1. Внешний вид страницы курса.

Модифицирован внешний вид курса в режиме редактирования (Рис. 2.1.2):

  • изменилось расположение меню редактирования;
  • иконки перемещения () убраны, однако перетаскивание по-прежнему работает и выполняется при захвате непосредственно плашки элемента курса;
  • групповой режим управляется через настройки элемента курса;
  • реализовано автоматическое обновление страницы после ручной отметки о прохождении элемента курса.
СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.1.2. Секция курса в режиме редактирования.

-Вернуться к содержанию-

2.2. Страница и элементы курса

Изменился внешний вид и размер иконок элементов курса. Основной цвет иконки теперь статичен и зависит от группы, к которой принадлежит элемент курса (Рис. 2.2.1).

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.2.1. Цветовое оформление иконок элементов курса.

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

  • Управление курсом («Логика курса», «Отзыв о курсе», «Сертификат СЭО 3KL»).
  • Оценка («Задание», «Контрольный список», «Офлайн-тест», «Семинар», «Тест»).
  • Совместная работа («База данных», «Взаимная оценка», «Вики», «Глоссарий», «Форум»).
  • Взаимодействие со слушателями («Анкета», «Занятие 3KL», «Обратная связь», «Опрос», «Чат»).
  • Материалы («Библиотека ресурсов», «Внешний инструмент», «Гиперссылка», «Книга», «Лекция», «Пакет IMS содержимого», «Пакет SCORM», «Папка», «Страница», «Текст и медиа», «Файл», «H5P»).
  • Другие («Субкурс», «H5P (старый)», «HotPot», «xAPI Launch Link»).
В версии 4.1 кастомная настройка цвета иконок элементов курса может быть выполнена самостоятельно, при помощи дополнительного css, или сотрудниками техподдержки, в рамках расширенной технической поддержки.
О том, как самостоятельно задать иконкам элементов курса индивидуальные цвета – в статье «Настройка внешнего вида СЭО 3КL версии 4.1» и примерах «Как задать индивидуальный цвет иконкам элементов курса?» и «Как задать цвет группе иконок элементов курса?».
Или вы можете создать заявку в категории «Выделенный специалист / разработчик или сисадмин». В заявке указать, у каких элементов курса необходимо изменить цвет и какой должен быть новый цвет иконки.

Цветовая индикация о прохождении элемента курса «переехала» в левый верхний угол иконки (Рис. 2.2.2).

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.2.2. Пример отображения непройденного элемента курса «Тест».

Кроме этого, в строке элемента курса теперь доступно не только состояние элемента курса (пройден/не пройден), но и информация об условиях его прохождения (Рис. 2.2.3).

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.2.3. Индикаторы завершения элементов курса.

-Вернуться к содержанию-

2.3. Навигация

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

Все параметры, связанные с настройкой и расположением элементов навигации, теперь вынесены на отдельную страницу: Администрирование->Внешний вид->Темы->СЭО 3КL->профиль темы оформления->Навигация.

Хлебные крошки теперь отображаются на док-панели и скрываются/отображаются по нажатию на кнопку в шапке сайта (поз. 1 Рис. 2.3.1, Рис. 2.3.2).

Отображение хлебных крошек может быть отключено администратором СЭО 3КL (Администрирование->Внешний вид->Темы->СЭО 3КL->выбранный профиль->Навигация->параметр «Отображение хлебных крошек»).

Над заголовком страницы курса доступна навигационная цепочка (поз. 2 Рис. 2.3.1) — дополнительный инструмент навигации, краткий путь до текущей страницы.

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.3.1. Страница настроек элемента курса «Тест» в режиме редактирования. Новые инструменты навигации.

Рис. 2.3.2. Кнопка хлебных крошек. Хлебные крошки скрыты.

Появился новый инструмент навигации по курсу — оглавление курса (Рис. 2.3.4).

Рис. 2.3.4. Раскрытая панель оглавления курса.

Оглавление курса раскрывается/скрывается по нажатию на кнопку оглавления (см. поз. 3 Рис. 2.3.1) и позволяет быстро перемещаться по разделам курса и его элементам.

-Вернуться к содержанию-

2.4. Шапка и пользовательское меню

Из-за того, что кнопки редактирования (поз. 4 Рис. 2.4.2) и справки (поз. 1 Рис. 2.4.2) перемещены на панель навигации пользователя, а хлебные крошки — в область док-панели, шапка страницы стала более компактной (Рис. 2.4.1).

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.4.1. Шапка страницы курса.

Шапка страницы теперь содержит новые инструменты:

На панели навигации пользователя появились новые кнопки:

  • кнопка справки (поз. 1 Рис. 2.4.2);
  • кнопка перехода на страницу «Мои курсы» (поз. 2 Рис. 2.4.2);
  • кнопка перехода на страницу «Администрирование» (поз. 3 Рис. 2.4.2);
  • кнопка режима редактирования (поз. 4 Рис. 2.4.2).

Рис. 2.4.2. Внешний вид панели навигации пользователя.

Кнопки перехода на страницы «Администрирование» и «Мои курсы» также могут отображаться в виде ссылок на панели первичной навигации (Рис. 2.4.3). Настройку необходимого вам вида отображения можно выполнить на странице «Навигация» выбранного профиля темы оформления (Администрирование->Внешний вид->Темы->СЭО 3КL->выбранный профиль->Навигация->раздел «Общие настройки»).

Рис. 2.4.3. Пример отображения ссылок на страницы «Администрирование» и «Мои курсы» в панели первичной навигации.

В версии 4.1 улучшен режим «прилипающей шапки» и повышена адаптивность для мобильных устройств (Рис. 2.4.4).

Рис. 2.4.4. Пример отображения страницы курса на мобильном телефоне.

-Вернуться к содержанию-

2.5. Боковые колонки

В версии 4.1 реализована концепция максимального пространства для контентной области. В связи с этим, по умолчанию правая и левая боковые колонки отсутствуют на экране (Рис. 2.5.1).

СЭО 3КL 3.9 СЭО 3КL 4.1
Рис. 2.5.1. Внешний вид страницы курса.

При этом, правая боковая колонка трансформировалась в выдвижную панель блоков (Рис. 2.5.2).

Рис. 2.5.2. Выдвижная панель блоков в открытом состоянии.

Скрытие/отображение панели с блоками осуществляется по нажатию на кнопку выдвижной панели блоков (см. поз. 1 Рис. 2.5.1).

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

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

Для этого, на странице настроек профиля «Настройки регионов» (Администрирование->Внешний вид->Темы->СЭО 3КL->выбранный профиль->Настройки регионов->раздел «Страница курса») в выпадающем списке параметра −«Левая колонка» необходимо выбрать значение «Отображать блоки на своих позициях».

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

-Вернуться к содержанию-

2.6. Поля профиля пользователя

В версии 4.1 поля профиля пользователя, связанные с социальной активностью (Skype ID, Номер ICQ и т. п.), перенесены из основных в дополнительные (Администрирование->Пользователи->Учетные записи->Дополнительные поля профиля).

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

-Вернуться к содержанию-

2.7. МТС Линк (ранее - Вебинар.ру)

Модуль «Webinar.ru» удален из СЭО 3КL. Интеграция с сервисом МТС Линк теперь доступна только через элемент курса «Занятие 3КL». Для пользователей, ранее использовавших элемент курса «Webinar.ru», сохранены возможности:

  • просмотра ранее проведённых вебинаров по ссылке на онлайн-запись мероприятия;
  • получения ссылок на онлайн-записи ранее проведенных мероприятий, если по каким-либо причинам эти ссылки не были сформированы ранее;
  • быстрого создания вебинара в элементе курса «Занятие 3КL» на основании настроек ранее запланированного в «Webinar.ru» мероприятия.
Подробная информация этому вопросу в статье «Миграция с плагина «Webinar.ru» на «Занятие 3КL».

-Вернуться к содержанию-

3. Все, что вы хотели знать, но боялись спросить

-Вернуться к содержанию-

3.1. Как переключиться в режим редактирования?

Кнопка режима редактирования теперь располагается в правом верхнем углу страницы, на панели навигации пользователя. Если режим редактирования включен, ползунок на кнопке смещен вправо, а цвет плашки кнопки подсвечен цветом, указанным в настройке «Шапка страницы, кнопки при наведении, цвет фона» выбранного профиля темы оформления (Администрирование->Внешний вид->Темы->СЭО 3КL->выбранный профиль->Цветовая схема).

-Вернуться к содержанию-

3.2. Как вернуть на страницу курса пропавшую левую колонку с блоками?

На странице «Настройки регионов» активного профиля (Администрирование->Внешний вид->Темы->СЭО 3КL->выбранный профиль->Настройки регионов) в разделе «Страница курса» найти параметр «Левая колонка» и установить для него значение «Отображать блоки на своих позициях».

-Вернуться к содержанию-

3.3. Приходят уведомления о входе с нового устройства. Что делать?

Системное сообщение «Уведомления о новых входах» может быть отключено как глобально (Администрирование->Обмен сообщениями->Способ доставки уведомлений по умолчанию->раздел «Настройки уведомлений по умолчанию»->группа уведомлений «Система»->Уведомления о новых входах), так и для конкретного пользователя* (Меню пользователя->Настройки->Настройка уведомлений->группа уведомлений «Система»->Уведомления о новых входах).

Уведомление генерируется системой при изменении IP-адреса, с которого входит в СЭО 3КL пользователь и позволяет своевременно обнаружить несанкционированный доступ к аккаунту. Кроме того, появление такого сообщения может быть связано с тем, что пользователь регулярно заходит в СЭО 3КL с разных устройств (компьютер на работе, ноутбук дома, мобильный телефон и т. п.).
В новых инсталляциях сообщение «Уведомления о новых входах» по умолчанию отключено.

________________________________
* - при условии, что возможность самостоятельного включения/выключения данного уведомления не заблокирована для пользователей администратором системы.

-Вернуться к содержанию-

3.4. Пропал блок «Навигация». Как восстановить?

В версии 4.1 блок «Навигация» по умолчанию отключен в системе. Чтобы включить его, необходимо на странице «Управление блоками» (Администрирование->Плагины->Блоки->Управление блоками) найти в перечне блоков строку с неактивным блоком «Навигация» и кликнуть на перечеркнутом глазике в столбце «Скрыть/Показать».

Рис. 3.4.1. Включение блока «Навигация».

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

-Вернуться к содержанию-

3.5. Как задать индивидуальный цвет иконкам элементов курса?

Задача:

Задать для иконки элемента курса «Тест» (quiz) желтый цвет фона (#fdff17) и темный цвет иконки. 

Решение:

Задать цвет для иконки элемента курса можно с помощью пользовательского CSS кода, который можно добавить по следующему пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль->Общие настройки.

В поле настройки «Пользовательская настройка css темы» необходимо ввести следующий код (Рис. 3.5.1):

Рис. 3.5.1. Пользовательская настройка css темы, задающая цвет иконке элемента курса «Тест».

Красным на скриншоте (см. Рис. 3.5.1) обозначены части кода, которые необходимо изменить, чтобы выполнить настройку цветов:

  • название элемента в качестве комментария (см. поз. 1 Рис. 3.5.1);
  • техническое название элемента (см. поз. 2 Рис. 3.5.1);
  • HEX-код цвета фона иконки (см. поз. 3 Рис. 3.5.1);
  • отсутствие фильтра, устанавливающее темный цвет иконки (см. поз. 4 Рис. 3.5.1).

Листинг пользовательского CSS кода:

/* Элемент курса Тест */
div.modchoosercontainer div.activityiconcontainer.modicon_quiz,
.course-content .section .activity:not(.nomono) div.activitytitle.modtype_quiz > div.activityiconcontainer {
background-color: #fdff17;
}
div.modchoosercontainer div.activityiconcontainer.modicon_quiz > img.icon.activityicon,
.course-content .section .activity:not(.nomono) div.activitytitle.modtype_quiz > div.activityiconcontainer img.activityicon {
filter: none;
}
Подробная инструкция, а также все доступные названия иконок элементов курса приведены в статье «Настройка внешнего вида СЭО 3КL версии 4.1».

Результат:

Элемент курса «Тест» перекрашен в желто-черный цвет (Рис. 3.5.2).

Рис. 3.5.2. Внешний вид перекрашенной иконки.

-Вернуться к содержанию-

3.6. Как задать цвет группе иконок элементов курса?

Задача:

Задать для группы иконок элементов курса «Совместная работа» (collaboration) синий цвет фона (#16007a) и светлый цвет иконки.

Решение:

Задать цвет для группы иконок элементов курса можно с помощью пользовательского CSS кода, который можно добавить по следующему пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль->Общие настройки.

В поле настройки «Пользовательская настройка css темы» необходимо ввести следующий код (Рис. 3.6.1):

Рис. 3.6.1. Пользовательская настройка css темы, задающая цвет группе иконок элементов курса «Совместная работа».

Красным на скриншоте (см. Рис. 3.6.1) обозначены части кода, которые необходимо изменить, чтобы выполнить настройку цветов:

  • название группы элементов в качестве комментария (см. поз. 1 Рис. 3.6.1);
  • техническое название группы элементов (см. поз. 2 Рис. 3.6.1);
  • HEX-код цвета фона иконки (см. поз. 3 Рис. 3.6.1);
  • фильтр, устанавливающий светлый цвет иконки (см. поз. 4 Рис. 3.6.1).

Листинг пользовательского CSS кода:

/* Группа иконок Совместная работа */
div.modchoosercontainer div.activityiconcontainer.collaboration,
.course-content .section .activity:not(.nomono) div.activitytitle div.activityiconcontainer.collaboration{
background-color: #16007a;
}
div.modchoosercontainer div.activityiconcontainer.collaboration img.activityicon,
.course-content .section .activity:not(.nomono) div.activitytitle div.activityiconcontainer.collaboration img.activityicon{
filter: brightness(0) invert(1);
}
Подробная инструкция, а также все доступные названия групп иконок элементов курса и приведены в статье «Настройка внешнего вида СЭО 3КL версии 4.1».

Результат:

Нужная группа иконок перекрашена в бело-синий цвет (Рис. 3.6.2).

Рис. 3.6.2. Внешний вид перекрашенной группы иконок.

-Вернуться к содержанию-

Теги: внешний вид, техподдержка
Рейтинг ответа: 5 (1 оценка)

Комментарии запрещены