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

1. Введение

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

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

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

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

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

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

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

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

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

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

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

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

2.3. Навигация

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

Хлебные крошки теперь отображаются на док-панели и скрываются/отображаются по нажатию на кнопку в шапке сайта (поз. 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.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

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

• кнопка оглавления курса (см. поз. 1 Рис. 2.4.1);
• кнопка хлебных крошек (см. поз. 2 Рис. 2.4.1);
• кнопка выдвижной панели блоков (см. поз. 3 Рис. 2.4.1).

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

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

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

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

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

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

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

СЭО 3КL 3.9	СЭО 3КL 4.1

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

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

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

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

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

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

В версии 4.1 поля профиля пользователя, связанные с социальной активностью (Skype ID, Номер ICQ и т. п.), перенесены из основных в дополнительные (Администрирование->Пользователи->Учетные записи->Дополнительные поля профиля). Обратите внимание, теперь указывать эти поля при импорте пользователей из csv-файла или при передаче по API необходимо с префиксом «profile_field_». Например: «profile_field_icq».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задача:

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

Решение:

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

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

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

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

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

Результат:

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

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

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

Задача:

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

Решение:

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

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

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

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

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

Результат:

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

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