На этой странице мы расскажем вам о работе с диалоговым тренажером на портале и разберем следующие вопросы:

Публичная часть

Диалоговый тренажёр (далее - Диалоги) доступны в пункте меню «Обучение», подпункт «Уроки».

Карточка диалога

Карточка Диалога содержит следующие элементы:

1. Фоновая картинка, является ссылкой для перехода к странице Диалога.

2. Дата размещения Диалога.

3. Название диалога, является ссылкой для перехода к странице Диалога.

4. Краткое описание Диалога.

5. Плашка «Диалог», по умолчанию зеленая; после прохождения Диалога на 100 % изменяет цвет на серый.

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

7. Количество комментариев – является ссылкой для перехода к странице Диалога в раздел комментариев.

8. Кнопка добавления в избранное – добавляет диалог в избранное.

Open

Общий вид карточки диалога

(1) фоновая картинка; (2) дата размещения; (3) название; (4) краткое описание; (5) плашка “диалог“; (6) кол-во лайков; (7) кол-во комментариев; (8) кнопка добавления в избранное

Диалоги и учебные материалы, добавленные в “Избранное” доступны в личном кабинете пользователя на вкладке “Избранное“.

Open

Вкладка “Избранное“ в личном кабинете пользователя

(1) кнопка перехода в личный кабинет; (2) вкладка “Избранное“; (3) избранные учебные материалы; (4) избранные диалоги; (5) список избранного материала

Страница диалога

Страница диалога содержит следующие элементы:

1. Хлебные крошки.

2. Шапка диалога, настраивается при создании или редактировании Диалога в панели администрирования; если файл с изображением не загружен, то шапка не отображается.

3. Плашка «Диалог», по умолчанию зеленая; после прохождения Диалога на 100 % изменяет цвет на серый.

4. Заголовок страницы:

   1. название диалога;

   2. счетчик лайков – при наведении курсора на элемент отображается всплывающий список с пользователями, поставившими лайк;

   3. количество комментариев – при нажатии происходит пролистывание страницы вниз до блока с комментариями;

   4. дата создания диалога;

   5. кнопка добавления диалога в избранное – при нажатии происходит добавление диалога в избранные пользователя.

5. Описание диалога - текстовое описание диалога, настраивается в панели администрирования.

6. Экран диалога.

7. Блок «Процент прохождения диалога», отображает показатели:

   1. максимальный процент прохождения диалога;

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

8. Счетчик лайков.

9. Блок комментариев.

Экран диалога

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

Состояния диалога

Экран Диалога может находиться в одном из двух состояний:

1. Начальное состояние.

2. Активное состояние.

Начальное состояние

Экран Диалога находится в начальном состоянии всегда при его открытии со страницы диалога.

Основные характеристики данного состояния:

• экран Диалога «в окне», то есть, не развернут в полноэкранный режим;

• экран затемнен.

Экран содержит следующие элементы:

• фоновая картинка;

• таймер (отображается, если был настроен для текущего Диалога в панели администрирования, статичен, отображает время до окончания диалога);

• изображение переднего плана;

• аватар стартовой эмоции персонажа (положение на экране соответствует настроенному значению в панели администрирования);

• название диалога;

• кнопка «Начать диалог»/ «Продолжить диалог»; нажатие кнопки «Начать диалог»/ «Продолжить диалог» переводит экран Диалога в активное состояние.

• количество попыток:

  • Не отображается при бесконечном количестве попыток

  • Если для диалога выставлено количество попыток:

    • И доступные попытки еще есть, отображается текст "У вас осталось Х попыток"

    • И доступных попыток больше нет, отображается текст "Вы исчерпали лимит попыток"

Open

Начальное состояние экрана

(1) фоновая картинка; (2) название диалога; (3) кнопка “Начать диалог“

Активное состояние

Экран Диалога переходит в активное состояние, если была нажата кнопка «Начать диалог»/ «Продолжить диалог».

Основные характеристики данного состояния:

• экран затемнен;

• экран Диалога занимает все место на странице (полноэкранный режим).

Экран содержит следующие элементы:

• таймер (отображается, если был настроен для текущего Диалога в панели администрирования, ведет обратный отсчет, отражает время до окончания диалога); по истечении таймера отображается кнопка «Завершить диалог»;

• фоновая картинка;

• изображение переднего плана (если было настроено для текущего Диалога в панели администрирования);

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

• Реплики - каждая реплика отображается в своем элементе - «облачке», расположенном относительно автора реплики; реплики персонажа имеют настраиваемый цвет «облака», для игрока реплики располагаются в «облаке» серого цвета.

Open

Активное состояние диалога

(1) таймер; (2) фоновая картинка; (3) реплика; (4) персонаж; (5) кнопка “Ответить“

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

Ход диалога

В Диалоге участвуют персонаж и игрок. Соответственно для персонажа отображаются реплики и эмоции и для игрока отображаются реплики и эмоции. Диалог идет по выбранной ветке. Эмоции соответствуют указанным в настройках.

Open

Ход диалога

(1) Реплики пользователя для выбора ответа

В ходе диалога соблюдаются следующие правила:

• реплики персонажа отображаются после выбора ответа в реплике игрока или если реплика является первой в диалоге;

• реплика игрока отображается после окончания проигрывания анимации появления реплики персонажа или если является первой в диалоге;

• реплика игрока состоит из ответов на реплику персонажа, при этом должен отображаться минимум 1 ответ;

• после выбора конкретного ответа остальные предложенные ответы исчезают;

• в ходе диалога отображается блок презентации (если был настроен в панели администрирования); презентация открывается на первой странице и поддерживает возможность пролистывания кадров.

Итоги диалога

Экран с итогами Диалога появляется после завершения текущего Диалога и занимает все место на странице.

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

Игра завершается в одном из двух случаев:

1. Игрок дал последний возможный ответ в ветке.

2. Закончилось время таймера.

Экран с итогами состоит из вкладок «Оценка диалога» и «История диалога»

Нажатие на крестик в правом верхнем углу закрывает экран с итогами Диалога: 

• Если для диалога выставлено количество попыток и доступных попыток больше нет:

  • При нажатии на крестик открывается Страница диалога

• Если для диалога выставлено количество попыток и доступные попытки еще есть или их бесконечное количество:

  • При нажатии на крестик открывается экран с кнопками:

    • Результаты - при нажатии открывается экран История диалога

    • Пройти заново - при нажатии диалог запускается заново, начинается новая попытка прохождения: открывается экран Активное состояние

Оценка диалога

Страница вкладки «Оценка диалога» содержит следующие элементы:

• Блок «Процент прохождения диалога», отображает показатели:

  • Это значение, определяемое по формуле: <сумма процента по ответам пользователя за текущую попытку>/(<кол-во реплик навыка в основной ветке>*100)*100;

    • {кол-во баллов} баллов за прохождение диалога

      • если диалог ещё не пройден

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

    • Диалог пройден! + Вам начислено {кол-во баллов} баллов

      • если процент прохождения диалога больше или равно Порога прохождения в процентах

      • {кол-во баллов} - Награда в баллах, за успешное прохождение диалога, подробное описание в разделе Настройки

• «Средний % прохождения» - элемент реализован с помощью чек-бокса. По умолчанию чек-бокс не выбран; при выборе отображается средний процент прохождения по навыкам в профиле компетентности.

• «Профиль компетенций», при наведении курсора отображается подсказка - «Среднее значение показателей навыков по результатам текущего диалога».

Open

Общий вид страницы “Профиль компетенций“

(1) Количество набранных баллов; (2) Общий процент прохождения; (3) Переключатель отображения среднего процента; (4) Называние навыка; (5) Процент по навыку в текущем диалоге; (6) Средний процент по навыку

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

• каждый навык, который представлен в диалоге;

• диаграмма и процент прохождения диалога в этой попытке; при этом цвет диаграммы плавно меняется по мере прохождения в зависимости от набранного процента; значение рассчитывается по формуле: <сумма процента по навыку по ответам пользователя за текущую попытку> /(<количество реплик в основной ветке>*100)*100;

• диаграмма и процент среднего % прохождения, если отмечен чек-бокс; значение должно быть строго больше 0 и меньше 100 и рассчитываться по формуле: < сумма процента по навыку по ответам пользователя за все попытки>/(<кол-во реплик в основной ветке>*100)*100.

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

Процента за навык считается на основе следующих данных:

• правильный ответ – 100%;

• нейтральный – 50%;

• неправильный – 0%.

История диалога

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

Open

Общий вид страницы “История диалогов“

(1) Реплика персонажа; (2) Название этапа; (3) Название навыка; (4) Выбранный ответ пользователя; (5) кнопка для выхода из истории диалога

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

Реплики игрока выровнены по левой стороне, слева находится аватар пользователя.

Цвет фона изменяется в зависимости от правильности полученных ответов:

• зеленый - правильные ответы;

• оранжевый – нейтральные ответы;

• красный – ошибочные ответы.

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

Административная часть

Панель администрирования Диалогов доступна в меню «Обучение», пункт «Диалоговый тренажёр».

Экран состоит из 5 основных вкладок:

1. Диалоги.

2. Персонажи.

3. Этапы.

4. Навыки.

5. Шаблоны.

Персонажи

Страница вкладки «Персонажи» содержит следующие элементы:

• список хранящихся в системе персонажей;

• поле поиска по списку персонажей;

• кнопка добавления нового персонажа;

• список действий возможных к применению над списком персонажей.

Просмотр списка персонажей

Список персонажей содержит строки с конкретными персонажами. Для каждого персонажа отображается:

• порядковый номер;

• название персонажа;

• чек-бокс выбора множественных действий над персонажем.

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

Доступные действия над персонажем в списке

Над каждым персонажем, представленным в списке возможно выполнение одного из следующих действий:

• Удалить – персонаж удаляется из списка;

• Копировать – создается копия персонажа; копии присваивается название: «Копия» + название персонажа, с которого получена копия.

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

Создание и редактирование персонажа

Создание нового персонажа происходит при нажатии кнопки «Добавить» в правом углу страницы вкладки «Персонажи».

Экран создания нового персонажа поделен на две вкладки:

1. Настройки.

2. Эмоции.

Основные настройки персонажа

По умолчанию открывается вкладка «Настройки». На странице данной вкладки необходимо заполнить поля:

Настройка эмоций персонажа

На вкладке «Эмоции» создание новой эмоции происходит с помощью кнопки «Добавить эмоцию». Для новой эмоции необходимо заполнить следующие поля:

• название – название эмоции, обязательно для заполнения, длина строки максимум 80 символов;

• аватар – отвечает за загрузку изображения аватара определенной эмоции, добавляется через выбор файла, поле обязательное для заполнения; требования к формату:

  • рекомендованный размер 2730*1538;

  • минимальный размер 1920*1080;

  • формат png.

• архив с анимациями – эмоциями –добавляется через выбор файла; требования к архиву:

  • архив расширения .zip с файлами .png или .jpeg;

  • файлы должны лежать в корне архива;

  • дополнительные папки в архиве не допускаются;

  • архив не может содержать символы русского алфавита в названии, допустимы символы латинского алфавита и цифры 0…9, аналогично должны именоваться и сами файлы внутри архива;

  • для корректного отображения анимации необходимо загрузить несколько изображений из расчёта 12 кадров (изображений) в секунду

  • каждое изображение эмоции должно соответствовать следующим характеристикам:

    • рекомендованный размер 2730*1538;

    • минимальный размер 1920*1080;

    • формат .png; поле обязательно для заполнения.

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

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

Этапы

Страница вкладки «Этапы» содержит следующие элементы:

• список хранящихся в системе этапов;

• поле поиска по списку этапов;

• кнопка добавления нового этапа;

• список действий возможных к применению над списком этапов.

Просмотр списка этапов

Список этапов содержит строки с конкретными значениями этапов. Для каждого этапа отображается:

• чек-бокс выбора множественных действий над этапом;

• порядковый номер;

• название этапа.

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

Доступные действия над этапами в списке

Над каждым этапом, представленным в списке возможно выполнение одного из следующих действий:

• Удалить – этап удаляется из списка;

• Копировать – создается копия этапа; копии присваивается название: «Копия» + название этапа, с которого получена копия.

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

Создание и редактирование этапа

Создание нового этапа происходит при нажатии кнопки «Добавить» в правом углу страницы вкладки «Этапы».

На открывшейся странице необходимо ввести название этапа и нажать кнопку «Сохранить». Поле «Название» обязательно к заполнению и не должно превышать по длине 80 символов. 

Чтобы отредактировать данные выбранного этапа, необходимо нажать на его название в списке этапов. Откроется страница аналогичная странице создания этапа, но с расширенным набором кнопок.

Навыки

Страница вкладки «Навыки» содержит следующие элементы:

• список хранящихся в системе навыков;

• поле поиска по списку навыков;

• кнопка добавления нового навыка;

• список действий возможных к применению над списком навыков.

Просмотр списка навыков

Список навыков содержит строки с конкретными значениями навыков. Для каждого навыка отображается:

• чек-бокс выбора множественных действий над навыком;

• порядковый номер;

• название навыка;

• вес навыка. 

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

Название каждого навыка в списке является ссылкой, при переходе по которой открывается страница редактирования навыка.

Доступные действия над навыками в списке

Над каждым навыком, представленным в списке возможно выполнение одного из следующих действий:

• Удалить – навык удаляется из списка;

• Копировать – создается копия навыка; копии присваивается название: «Копия» + название навыка, с которого получена копия.

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

Создание и редактирование навыка

Создание нового навыка происходит при нажатии кнопки «Добавить» в правом углу страницы вкладки «Навыки». На открывшейся странице необходимо выполнить следующие действия:

1. Заполнить поле «Название навыка» - поле обязательное к заполнению, не может содержать больше 80 символов;

2. Заполнить поле «Описание навыка» - поле обязательное к заполнению, не может содержать больше 255 символов;

3. Заполнить поле «Вес» - значение отвечает за положение навыка во всех списках, по умолчанию имеет значение 0; максимальная длина – 12 символов, диапазон значений – положительные и 0;

4. Нажать кнопку «Сохранить».

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

Диалоги

Страница вкладки «Диалоги» содержит следующие элементы:

• список хранящихся в системе диалогов;

• поле поиска по списку диалогов, поле фильтра по категории, чек-боксы выбора активных/неактивных диалогов;

• кнопка добавления нового диалога;

• список действий возможных к применению над списком диалогов.

Просмотр списка диалогов

Список диалогов содержит строки с конкретными настроенными диалогами. Для каждого диалога отображается:

• чек-бокс выбора множественных действий над диалогами;

• порядковый номер;

• категория;

• название диалога.

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

Название каждого диалога в списке является ссылкой, при переходе по которой открывается страница редактирования диалога.

Фильтрация диалогов в списке

В верхней части вкладки «Диалоги» расположены элементы поиска и фильтрации диалогов в списке:

• тип диалога: активный/неактивный;

• категория диалога;

• поле поиска по списку диалогов.

Доступные действия над диалогами в списке

Над каждым диалогом, представленным в списке возможно выполнение одного из следующих действий:

• Удалить – диалог удаляется из списка;

• Активировать – активация диалога; в списке диалогов пользователю отображаются только активные диалоги;

• Деактивировать – де активация диалога;

• Копировать – создается копия диалога; копии присваивается название: «Копия» + название диалога, с которого получена копия. 

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

Создание и редактирование диалога

Создание нового диалога происходит с помощью кнопки «Добавить», расположенной в правом углу страницы вкладки «Диалоги».

Экран создания диалога состоит из трех вкладок:

1. Настройки.

2. Конструктор диалога.

3. Доступ.

По умолчанию открыта вкладка «Настройки».

Настройки

Open

Open

Open

Общий вид страницы “Настройки“

(1)Вкладка Настройки (2) Название диалога; (4) категория; (5) персонаж; (6) краткое описание; (7) полное описание; (8) время на прохождение; (9) порог прохождения в процентах; (10) баллы за прохождение интервал между попытками;
(11) Количество попыток прохождения; (12) чек-бокс неограниченного количества попыток; (13) кнопка добавления изображения (превью); (14) кнопка добавления изображения (шапка); (15) чек-бокс автосохранения

На странице вкладки «Настройки» расположены следующие поля: