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

Шапка сайта

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

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

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

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

image.png

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

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

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

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

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

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

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

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

Видеоответ

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

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

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

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

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

встреча.png

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

Редактор и его функции

Редактор появляется в заданиях типа "Развернутый ответ". Для оформления вашего ответа вы можете использовать следующие функции нашего редактора:

Если зажать курсор мыши и выделить текст - откроется дополнительное меню для редактирования текста:

image.png

На панели меню инструментов:

Стрелки "вперед\назад" отменяют предыдущее действие или возвращают обратно то, что было удалено;

Изменение размера шрифта (на выбор представлены 4 варианта):
image.png

Маркированный список;
Нумерованный список;
Раскрывающийся список;
image.png


Выравнивание текста: по левому краю, по центру, по правому краю.
image.png

Вставить таблицу: позволяет вставить и форматировать таблицу. Шрифт внутри таблицы так же можно редактировать при помощи редактора, вставлять изображения и т.п. Таблицу так же можно скопировать с вашего Word файла (или из других источников) и вставить в редактор, однако картинки так не скопируются, их надо будет загрузить вручную.
image.png

Вставка эмодзи:
image.png

Очистить форматирование: удаляет все стили и настройки форматирования из выделенного текста, возвращая его к стандартному (обычному) виду.

Вставить цитату
Горизонтальную линию
Код
image.png


Загрузить изображение: можно загрузить любое изображение с вашего компьютера или выбрать из ранее загруженных файлов. Также вы можете вставить картинку из буфера обмена или просто перетащить картинку из папки прямо в редактор;
Любое изображение теперь можно вставить прямо в текст, центрировать, или сделать обтекание текста справа/слева;
image.png

Переворачивающиеся картинки: загрузите картинку через кнопку "Загрузить изображение". На изображении в верхнем правом углу появится кнопка в виде "Тт". С ее помощью вы можете добавить текст на обратной и/или лицевой стороне картинки, так вы сделаете ее интерактивной.
Интерактивное изображение: загрузите изображение. На изображении в верхнем правом углу появится кнопка "Редактировать" - позволит расставить маркеры на изображении и подписать отдельные элементы.
image.png

Загрузить видео: можно загрузить любое видео с вашего компьютера или выбрать из ранее загруженных файлов.
image.png

Видео по ссылке:
в меню под видео выбираете "Поделиться" -> "Копировать":
image.png

В меню редактора кликаете на "Видео по ссылке" -> вставляете скопированную ссылку -> нажимаете "Вставить": видео отобразится в редакторе

image.png

Иногда при вставке видео по ссылке можно увидеть текст "Автор скрыл это видео", в этом случае используйте второй способ и вставьте через iframe (пример ниже).

Вставить аудиофайл: можно загрузить аудиофайл с вашего компьютера или выбрать из ранее загруженных.

Записать голосовое сообщение: можно записать голосовое сообщение прямо в редакторе.

Записать видео с камеры: можно сделать видеозапись с вашей камеры прямо в редакторе.

Записать экран: можно сделать видеозапись вашего экрана прямо в редакторе.

Вставка презентаций: можно загрузить презентацию формата pptx или pdf с вашего компьютера или выбрать из ранее загруженных.
Функция "Вставить pdf -> text" позволяет перенести весь текст из вашего файла pdf в редактор: выберите функцию, загрузите файл pdf, подождите пока идет распознавание, сохраните.
image.png

Вставить ссылку: выделите текст или слово, к которому хотите закрепить ссылку, нажмите на иконку "Вставить ссылку", в появившейся форме введите нужную ссылку и нажмите "Ок". Теперь выбранный текст\слово будет выделен цветом и при клике на него пользователь попадет на нужную страницу (перейдет по указанной ссылке).
image.png

Функция "Кнопка-ссылка" позволяет оформить вашу ссылку в виде кнопки. Введите ссылку, выберите текст на кнопке, шрифт, цвет текста и цвет кнопки, сохраните.
image.png

Прикрепить файл: можно загрузить любой файл с вашего компьютера или выбрать из ранее загруженных.

Вставить iframe: позволяет вставить HTML-элемент в контент модуля.
Через iframe можно так же вставлять видео: в меню под видео выбираете "Поделиться" -> "Встроить" -> копируйте код:
image.png

В меню редактора кликаете на "Вставить iframe" -> вставляете скопированный код -> нажимаете "Вставить": видео отобразится в редакторе.
image.png
Важно! : При вставке видео - убедитесь, что в канале (вквидео, youtube, rutube и др) открыт доступ для просмотра видео для всех, иначе у пользователя в Атмагуру видео не воспроизведется.

Экспорт в pdf: экспортирует содержимое контента модуля в файл pdf.

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

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

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

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

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

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

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

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

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

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

профиль.png

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

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

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

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


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

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

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

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

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

должность.png

Должности:

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

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

документы.png

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

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

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

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

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


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

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

image.png

База знаний

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

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

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

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



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

Поиск:




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

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

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

метки_азы.png

Блок меток:

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

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

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


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

Текст.png

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

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

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

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

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

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

Глоссарий

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

image.png

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

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

Статистики

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

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

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

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

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

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

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

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

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

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

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

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

значения.png

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

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