Руководство пользователя

Шапка сайта

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

Элементы шапки и их функции:

Значок лупы (Поиск):

поиск.png

База знаний:

Перейти-в-базу.png

Глоссарий:

Глоссарий_переход.png

Статистики:

ст-ки.png

Уведомления:

ув-ния.png

Уведомления отображаются в виде списка, указывая события, связанные с обучением пользователя.

модалка-уведомления.png

Накопленные баллы:

накопленные-бвллы.png

Аватар профиля:

ава-профиль.png

Предложить идею:

Модальное окно "Предложить идею" предназначено для отправки предложений по улучшению функционала, материалов или интерфейса платформы.

идея.png

Как вызвать модальное окно:

Нажмите на кнопку "Предложить идею" в шапке сайта. Структура модального окна:

модалка-идея.png

1. Информационный блок: Содержит контактные данные для связи с ментором или технической поддержкой

2. Форма отправки улучшений:

3. Управление: Кнопка "Отправить" и Кнопка "Закрыть"

Магазин

Страница "Магазин" предоставляет возможность приобретения товаров за накопленные баллы и позволяет отслеживать всю историю операций, связанных с балансом. Она состоит из двух вкладок: "Магазин" и "История".

Основной функционал:

1. Баланс монет:

Баланс.png

В правом верхнем углу отображается текущий баланс монет пользователя (например, "7,795").

Монеты можно тратить на товары и услуги, представленные в магазине.

2. Разделы магазина:

Магазин:

Содержит список доступных товаров.

История:

Отображает список покупок, совершенных пользователем.

Вкладка "Магазин"

Магазин_пользователь.png

Карточки товаров
На карточке отображаются:

карточка.png

Решение администратора

Условия доступности:

Интеграция с балансом:

Баланс пользователя автоматически обновляется после каждой покупки.

Категории товаров:

Магазин_-подразделение.png

Вкладка "История"

Раздел "История" предназначен для отображения всех операций пользователя, связанных с начислением и использованием монет.

история.png

  1. Таблица истории операций
    В этой таблице отображается полная история действий с баллами, включая:
    • Действия с товарами в магазине (покупка, выдача, отмена заказа).
    • Полученные баллы за прохождение модулей, тестов и карт.
  2. Структура таблицы
    Таблица содержит следующие столбцы:
    • Дата — дата и время операции.
    • Сумма — количество баллов, участвующих в операции (зачислено/списано).
    • Пользователь — имя пользователя (кликабельно, ведет на профиль).
    • Операция — тип проведенной операции (например, "Получение баллов", "Покупка товара").
    • Описание — комментарии или подробности о действии (например, "Баллы за модуль", "Товар: наименование").
    • Действия — текущий статус операции:
      • "В обработке" — заказ ожидает подтверждения администратора.
      • "Выдан" — заказ успешно выполнен.
      • "Отменен" — заказ отклонен, баллы возвращены.

Информация

В ленте, помимо товаров корпоративного интернет-магазина, пользователь может ознакомиться с информацией, представленной в виде карточек информации в разделе "Объявления".

image.png

В ленте отображается карточка информации с названием, кратким описанием и изображением. Чтобы просмотреть полное описание - кликните на карточку информации

image.png

Карточки могут быть помечены тегами "Важное", "Срочное" и выделены цветом.

Если событие в карточке привязано к времени проведения, то дата и время будут указаны под изображением и кратким описанием.

У карточки может быть срок актуальности - он будет отображаться в верхнем левом углу карточки. По истечению срока карточка скроется из ленты.

Если информация обязательна к ознакомлению - появится кнопка "Ознакомлен". Администратору будет отображаться список сотрудников, ознакомившихся с информацией.


Главный экран

Главная-пользователь.png

Элементы главной страницы и их функции:
Лента товаров


В верхней части главной страницы отображаются товары магазина. Чтобы перейти на страницу магазина - нажмите на любой товар. Каждая карточка с товаром содержит:
Лента-главная.png

Название товара (например, "Подарочный сертификат в ресторан").

Цена в валюте системы (например, "200", "1000").

Метки ("Товар дня", "Специальное предложение").

Карты обучения

В нижней части главной страницы представлены карты обучения, которые разделены на две вкладки:

Обучение.png

Обязательное обучение:

Дополнительное обучение:

Фильтры по меткам

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

Чтобы воспользоваться фильтром:


Диаграмма прогресса:

прогресс.png

Свитчер "Показать все"

По умолчанию видны только те карты, которые доступны для обучения.

Чтобы увидеть все карты, включая скрытые (доступные после прохождения других карт):

Режимы отображения карт обучения

Режимы-отображения.png

Карты могут отображаться в двух режимах:

Для переключения между режимами:

Информация на карточке карты

карточка.png
Каждая карта содержит следующую информацию:

Название карты.

Процент прохождения.

Количество изученных модулей (например, 3/5).

Количество баллов, которые можно заработать при прохождении карты.

Наличие экзамена (если он предусмотрен в карте).

Переход к карте обучения

Нажмите на карту. Вы будете перенаправлены на страницу карты обучения.

Как пройти обучение

Откройте для себя удобный процесс обучения: выберите модуль на главной странице, погрузитесь в карту знаний и изучите материалы, шаг за шагом продвигаясь к экзамену. Интерактивная карта и наглядный прогресс помогут вам эффективно освоить знания.

Шаг 1: Переход к карте обучения

выбрите-карту.png

На главной странице в разделе обучения:

Нажмите на карточку интересующего модуля (например, "Программист").

Шаг 2: Переход в карту знаний

выбранная-карта.png

  1. После выбора карточки пользователь попадает на страницу карты знаний, где представлены связанные модули.
  2. Элементы карты знаний:
    • Модули обучения:
      • Каждый модуль представлен в виде блока (цветовая кодировка указывает на статус модуля):
        • Зеленый – завершен.
        • Фиолетовый – в процессе.
        • Красный – ошибка.
        • Оранжевый – повторение.
        • Серый – недоступен.
    • Фильтры статусов:
      • В верхней части карты расположены фильтры, позволяющие отобразить модули по статусам:
        • Доступно.
        • В процессе.
        • На проверке.
        • Завершено.
        • Ошибка.
        • Повторение.
        • Недоступно.
Шаг 3: Начало изучения модулей
  1. Выберите модуль, чтобы открыть его содержимое.
    • Внимание: Модуль может содержать текстовые, графические или мультимедийные материалы.
  2. Для завершения модуля:
    • Ознакомьтесь с содержимым.
    • Выполните задание, если оно предусмотрено.
Шаг 4: Экзамен

оповещение.png

  1. Сообщение о финальном экзамене:
    • В правом нижнем углу появляется блок с уведомлением:
      "Внимание: В конце прохождения карты предусмотрен экзамен. Желаем продуктивной учебы."
    • Экзамен доступен только после завершения всех необходимых модулей.
Модуль без теста

без-теста.png

  1. При открытии модуля вы увидите:
    • Название модуля.
    • Основной текст материала.
    • Кнопки:
      • "Вернуться на карту" — возврат на страницу карты.
      • "К следующему модулю" — переход к следующему модулю.
    • Возможность оценить модуль (если предусмотрено):
      • Нажмите на звездочку для выставления оценки.
      • При желании оставьте комментарий в текстовом поле.
      • Нажмите кнопку "Отправить".
      • Оценка будет видна администратору.
Модуль с тестом

модуль-с-тестом.png

  1. Дополнительно в модуле отображаются:
    • Категория теста (например, тестирование, видеоответ, психологический тест).
    • Статус теста:
      • Не начато.
      • В процессе.
      • На проверке.
      • Выполнено.
      • Не выполнено.
      • Выполнить повторно.
    • Количество баллов за успешное прохождение теста с первого раза (если предусмотрено).
  2. Чтобы начать тестирование:
    • Нажмите на название теста.
    • Вверху отображается ряд квадратов, соответствующих вопросам:
      • Серый квадрат — вопрос не пройден.
      • Синий квадрат — вопрос отвечен.
      • Зеленый квадрат — текущий вопрос.
      • тестирование.png
    • Ознакомьтесь с заданием/вопросом.
    • Выберите правильный вариант ответа.
    • Нажмите кнопку "Следующий" для перехода к следующему вопросу.
    • Если тест ограничен по времени, в верхней части экрана будет отображаться таймер.
  4. Если необходимо, можно покинуть страницу тестирования. Все данные сохранятся, и вы сможете продолжить с того момента, где остановились.
  5. Когда все вопросы завершены:
    • Нажмите кнопку "Завершить".
    • Появится модальное окно с выбором:
      • "Отправить" — отправить ответы на проверку.
      • "Нет, хочу внести изменения" — вернуться к редактированию ответов.
  6. После отправки теста отобразится страница с результатами тестирования.

Руководство пользования тестами

Диалоговый тренажер

тест-диалоговый.png

  1. Откройте тест с типом "Диалоговый тренажер".
  2. Ознакомьтесь с вопросом клиента и предложенными вариантами ответов.
  3. Выберите подходящий вариант ответа.
  4. Продолжайте взаимодействие, пока не завершите тренажер.
  5. По завершении тренажера откроется страница с результатами тестирования.

Развернутый ответ

развернутый.png

  1. Откройте тест с типом "Развернутый ответ".
  2. Ознакомьтесь с вопросом или темой задания.
  3. Введите свой развернутый ответ в текстовое поле. При необходимости используйте доступный редактор текста.
  4. Завершив ответ, нажмите "Отправить".

Видеоответ

видео_тест.png

  1. Откройте тест с типом "Видеоответ".
  2. Ознакомьтесь с вопросом или темой задания.
  3. Включите камеру и начните запись, используя встроенный экран записи.
  4. Если у вас есть готовый видеофайл, загрузите его с помощью загрузчика.
  5. Убедитесь, что файл загружен успешно, и нажмите "Отправить".

Психологический тест

  1. Откройте тест с типом "Психологический тест".
  2. Следуйте инструкциям, аналогичным обычному тесту: читайте вопросы, выбирайте ответы.
  3. По завершении теста нажмите "Завершить" и отправьте ответы.
  4. Результаты отобразятся на итоговой странице.

Оффлайн встреча

встреча.png

  1. Откройте тест с типом "Оффлайн встреча".
  2. Ознакомьтесь с темой встречи.
  3. Нажмите кнопку "Я готов к встрече".
  4. Оповещение будет отправлено администратору о вашей готовности.

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

Страница "Профиль пользователя" предоставляет полную информацию о текущем статусе пользователя, его задачах, уведомлениях, документах и настройках профиля.

Сам-профиль.png

Основной функционал:

Личная информация:

коэфициент.png

Функционал коэффициента начисления:

Редактирование профиля

Раздел "Редактирование профиля" позволяет пользователю изменять личные данные и настраивать контактную информацию.

Функционал страницы:

профиль.png

1. Изменение личной информации:

2. Контактные данные:

3. Управление паролем:

4. Сохранение изменений:


Проверка задач:

тест-профиль.png

Функционал разворачивания заданий:

  1. Развернуть одно задание:
    • Пользователь может открыть подробную информацию по любому конкретному заданию.
    • Для этого используется значок "+" в правой части заголовка задания.
  2. Свернуть задание:
    • После просмотра подробностей задание можно свернуть обратно.
    • Для этого используется значок "-", расположенный в том же месте.
  3. Детализация развёрнутого задания:
    • Отображается информация о:
      • Дате выполнения.
      • Количестве правильных ответов.
      • Итоговом статусе выполнения (например, "Задание выполнено").
      • Названии и пути карты, к которой относится задание.
      • Оценке задания.
      • Проверяющем и оставленных комментариях.

Настройка уведомлений:

должность.png

Должности:

Раздел "Мои документы":

Раздел "Мои документы" предназначен для хранения, управления и редактирования личных документов пользователя, таких как дипломы, сертификаты, удостоверения, грамоты и протоколы.

документы.png

Таблица документов:

Структура таблицы:

Значок файла (кнопка): Открывает модальное окно для редактирования документа.

Функционал модального окна:

При клике на значок файла открывается модальное окно "Редактировать документ", где пользователь может:


Раздел "Сертификаты обучения"

В этом разделе отображаются сертификаты, выдаваемые за прохождение карты (если администратор выставил данную опцию).

image.png

База знаний

Страница "База знаний" предоставляет пользователю доступ к обучающим материалам, структурированным по категориям, с удобной навигацией и возможностью поиска, а также работать с метками

База_пользователь.png

Элементы и их функции:
Навигация по категориям (слева):

Категории-и-добавить.png



Разделы, такие как "Видео", "Инструкции", "Книги", и другие.

Поиск:




Добавление статьи:

Предложить-статью.png

На странице присутствует значок флага, который связан с управлением метками.

метки_азы.png

Блок меток:

На странице присутствует кнопка для управления категориями в левой панели:

Кнопка "Развернуть всё" / "Свернуть всё"

развернуть.png


Материалы категории (справа):

Текст.png

На странице "База знаний" есть блок, показывающий, где именно используется текущий материал:

Описание информации об использовании материала:

Карты_базы.png

На странице "База знаний" есть функция поделиться материалом, которая позволяет легко распространить полезный контент среди других пользователей:

Описание функции "Поделиться":

Скопировать.png

Глоссарий

Модальное окно "Глоссарий" предоставляет пользователю доступ к справочнику терминов и их описаниям. Окно вызывается с главного экрана через иконку глоссария (иконка книги).

глоссарий_польз.png

Структура окна "Глоссарий"

Основные элементы и их функции:

Расположено в верхней части модального окна.

Позволяет найти термин по ключевым словам.

Отображается список терминов в алфавитном порядке.

При клике на термин в списке открывается его описание.

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

При выборе термина слева отображается его полное описание.

Содержит детализированную информацию, примеры или пояснения.

Расположены в нижней части окна.

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

Модальное окно закрывается через стандартную кнопку "X" в правом верхнем углу.

Статистики

Раздел "Статистики" предназначен для анализа данных и отображения графической информации, которая помогает пользователю отслеживать важные показатели. На этой странице отображается таблица с общим обзором статистик.

Основной функционал:

Статистики-главная.png

  1. Выбор статистики:
    • В верхней части страницы доступен выпадающий список (например, "Мои статистики").
    • Пользователь может выбрать интересующий тип статистики из предложенного списка.
  2. Список статистик:
    • Раздел содержит таблицу, состоящую из трех колонок:
      • Название статистики:
        • Отображается название конкретной статистики (например, "Статистика финансов").
        • Клик по названию открывает детальную информацию о выбранной статистике.
      • Информация:
        • Описание ключевых параметров:
          • Период сбора данных (например, "День").
          • Тип статистики (например, "Основная" или "Дополнительная").
          • Источник ввода данных (например, "Лично").
      • График данных:
        • Графическое представление показателей за выбранный период.
        • На графике отображаются данные в зависимости от заданных временных интервалов.
  3. Навигация:
    • Внизу страницы доступна постраничная навигация, если статистик много.
  4. Визуализация данных:
    • График отражает динамику изменений по выбранной статистике.
    • Пользователь может анализировать тренды и скачки показателей в удобной визуальной форме.
Функционал страницы одной статистики

Страница отображает данные конкретной статистики и предоставляет инструменты для их анализа, редактирования и визуализации.

Основной функционал:

1. Основные параметры статистики (верхняя часть страницы):

Статистика-одна.png

2. Визуализация данных (график):

Статистика-график.png

3. Таблица значений:

Расположена под графиком.

значения.png

5. Блок "Мои сотрудники":

мои-сотрудники.png