Миграция СЭО 3КL с релиза 3.9 на 4.1. Вопросы и решения
1. Введение
2. Обзор основных изменений пользовательского интерфейса
2.1. Режим редактирования
2.2. Страница и элементы курса
2.3. Навигация
2.4. Шапка и пользовательское меню
2.5. Боковые колонки
2.6. Поля профиля пользователя
2.7. МТС Линк (ранее - Вебинар.ру)
3. Все, что вы хотели знать, но боялись спросить
3.1. Как переключиться в режим редактирования?
3.2. Как вернуть на страницу курса пропавшую левую колонку с блоками?
3.3. Приходят уведомления о входе с нового устройства. Что делать?
3.4. Пропал блок «Навигация». Как восстановить?
3.5. Как задать индивидуальный цвет иконкам элементов курса?
3.6. Как задать цвет группе иконок элементов курса?
1. Введение
После миграции на версию 4.1 внешний вид СЭО 3КL претерпел существенные изменения: многие интерфейсы, расположение элементов управления и компоновка страниц стали иными. В первом приближении это может показаться достаточно непривычным и вызвать желание остаться на старой версии. Однако, мы все же рекомендуем выполнить обновление и перейти на новую версию по следующим причинам:
1) Несмотря на кажущуюся непривычность, СЭО 3КL 4.1 существенно превосходит предыдущую версию по качеству навигации и интерфейса, UX-дизайн системы стал более современным. Любые значительные изменения непривычны, это нормально. Через какое-то время использования среды электронного обучения это пройдет и, вполне вероятно, обновленный вариант покажется вам лучше старого.
2) Миграция с мажорного релиза 3.9 на релиз 4.1, безусловно, является шагом вперед, так как новая версия СЭО 3КL включает в себя много важных доработок и изменений: повышена производительность отдельных подсистем за счет применения индексирования и оптимизации кода; улучшена защита персональных данных; добавлены новые функциональные возможности; реализована поддержка новых протоколов и стандартов.
3) Если остаться на старой версии, то теряется возможность выполнять обновления (в том числе, критические по безопасности или исправления важных ошибок), получать новый функционал, консультироваться по актуальным возможностям системы.
Обзор улучшений Moodle 4.1 в сравнении с Moodle 3.9 и анонс СЭО 3KL версии 4.1.1а
Анонс СЭО 3KL 4.1.2а: реализация трехуровневой навигации, добавление панели оглавления курса
Журнал «Занятия 3KL» обновлён. Добавлен блок «Подопечные 3KL». Новая версия СЭО 3KL 4.1.2b
Анонс СЭО 3KL 4.1.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»).
О том, как самостоятельно задать иконкам элементов курса индивидуальные цвета – в статье «Настройка внешнего вида СЭО 3КL версии 4.1» и примерах «Как задать индивидуальный цвет иконкам элементов курса?» и «Как задать цвет группе иконок элементов курса?».
Или вы можете создать заявку в категории «Выделенный специалист / разработчик или сисадмин». В заявке указать, у каких элементов курса необходимо изменить цвет и какой должен быть новый цвет иконки.
Цветовая индикация о прохождении элемента курса «переехала» в левый верхний угол иконки (Рис. 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 и т. п.), перенесены из основных в дополнительные (Администрирование->Пользователи->Учетные записи->Дополнительные поля профиля).
Также реализована поддержка дополнительных полей в инструментах фильтрации на страницах с информацией о пользователях системы.
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 кода:
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.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 кода:
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.6.2).