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

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

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

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

Меню доступа к разделу с диалоговыми тренажерами

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

Ход диалога

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

Ход диалога

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

 

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

  1. Диалоги.

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

  3. Этапы.

  4. Навыки.

  5. Шаблоны.

Разделы администрирования диалогов

Персонажи

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

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

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

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

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

Общий вид вкладки “Персонажи“

(1)список персонажей; (2)поле поиска; (3)кнопка добавления нового персонажа; (4)список действий над записью

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

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

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

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

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

Список персонажей

(1) чек-бокс выбора; (2) порядковый номер; (3) название персонажа

 

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

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

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

В верхней части вкладки «Персонажи» расположено поле поиска. Для того чтобы в списке персонажей найти некоторого персонажа необходимо:

  1. Ввести ключевое слово – параметр поиска в поле.

  2. Нажать кнопку «Применить».

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

 

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

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

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

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

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

Перечень доступных действий над персонажем

 

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

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

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

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

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

  2. Эмоции.

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

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

  1. Имя персонажа – поле обязательное к заполнению, не может содержать более 80 символов.

  2. Местоположение реплики на экране – предоставляется на выбор одно из значений выпадающего списка, по умолчанию выбрано значение «Слева».

  3. Изображение фона – изображение из этого поля используется в качестве фона в диалоге

    • Обязательно для заполнения

    • Для прикрепленного файла реализован предварительный просмотр

    • Файл должен соответствовать характеристикам:

      • рекомендованный размер 2730x1538

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

      • формат: JPEG

  4. Изображение на переднем плане — изображение из этого поля используется в качестве дополнительного элемента для персонажа и выводится поверх него. Таким образом в диалоге есть 3 слоя изображений: фон, персонаж и передний план.

    • Необязательно для заполнения

    • Для прикрепленного файла реализован предварительный просмотр

    • Файл должен соответствовать характеристикам:

      • рекомендованный размер 2730x1538

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

      • формат: JPEG

Пример слоёв изображений в диалоге:

  • 1 слой: фон — изображение офисной комнаты,

  • 2 слой: персонаж — изображение персонажа поверх фона

  • 3 слой: передний план — изображение стола поверх персонажа

 

 

Общий вид вкладки “Настройки“

(1) название персонажа; (2) местоположение реплики на экране; (3) изображение фона; (4) изображение на переднем плане

 

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

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

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

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

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

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

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

    • формат png.

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

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

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

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

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

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

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

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

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

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

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

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

Общий вид вкладки “Эмоции“

(1) элемент выбора эмоции по умолчанию; (2) название эмоции; (3) кнопка добавления архива анимаций; (4) кнопка добавления изображения аватара; (5) кнопка добавления эмоции

 

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

  • кнопка «Сохранить» позволяет сохранить внесенные изменения, после чего осуществляется переход к списку персонажей;

  • кнопка «Применить» позволяет сохранить внесенные изменения, при этом активной остается текущая страница;

  • кнопка «Отменить» позволяет отменить изменения, после чего осуществляется переход к списку этапов;

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

  • кнопка «Удаление» – позволяет удалить этап, при этом отображается диалоговое окно с запросом подтверждения на удаление; в результате успешного удаления осуществляется переход на страницу со списком этапов.

Этапы

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

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

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

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

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

Общий вид вкладки “Этапы“

(1)список этапов; (2)поле поиска; (3)кнопка добавления нового этапа

 

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

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

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

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

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

Отображение списка этапов

 

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

 

Поиск по списку этапов

В верхней части вкладки «Этапы» расположено поле поиска. Для того чтобы в списке этапов найти некоторый этап необходимо:

  1. Ввести ключевое слово – параметр поиска в поле.

  2. Нажать кнопку «Применить».

Поиск этапа по списку

(1) поле поиска; (2) кнопка “Применить“

 

В результате сформируется список этапов, соответствующих введенному критерию поиска. Для сброса результатов поиска необходимо нажать кнопку «Сбросить».

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

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

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

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

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

Список доступных действий над значениями в списке

(1) чек-бокс выбора этапа; (2) список доступных действий; (3) кнопка “Выполнить“

 

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

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

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

Форма создания нового этапа

(1) название этапа; (2) кнопки “Сохранить“, “Применить“, “Отменить“

 

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

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

 

  1. Кнопка «Сохранить» позволяет сохранить внесенные изменения, после чего осуществляется переход к списку персонажей.

  2. Кнопка «Применить» позволяет сохранить внесенные изменения, при этом активной остается текущая страница.

  3. Кнопка «Отменить» позволяет отменить изменения, после чего осуществляется переход к списку этапов.

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

  5. Кнопка «Удаление» – позволяет удалить этап, при этом отображается диалоговое окно с запросом подтверждения на удаление; в результате успешного удаления осуществляется переход на страницу со списком этапов.

Навыки

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

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

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

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

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

Общий вид вкладки “Навыки“

(1)список навыков; (2)поле поиска; (3)Кнопка добавления нового навыка; (4) перечень действий над навыками в списке

 

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

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

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

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

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

  • вес навыка.

Список навыков

 

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

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

Поиск по списку навыков

В верхней части вкладки «Навыки» расположено поле поиска. Для того чтобы в списке навыков найти некоторый навык необходимо:

  1. Ввести ключевое слово – параметр поиска в поле.

  2. Нажать кнопку «Применить».

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

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

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

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

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

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

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

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

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

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

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

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

Страница создания нового навыка

(1) название навыка; (2) описание навыка; (3) вес навыка; (4) кнопки “Сохранить“, “Применить“, “Отменить“

 

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

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

 

  1. Кнопка «Сохранить» позволяет сохранить внесенные изменения, после чего осуществляется переход к списку персонажей.

  2. Кнопка «Применить» позволяет сохранить внесенные изменения, при этом активной остается текущая страница.

  3. Кнопка «Отменить» позволяет отменить изменения, после чего осуществляется переход к списку навыков.

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

  5. Кнопка «Удаление» – позволяет удалить навык, при этом отображается диалоговое окно с запросом подтверждения на удаление; в результате успешного удаления осуществляется переход на страницу со списком навыков.

Диалоги

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

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

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

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

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

 

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

(1)блок фильтров; (2) список действий над записями в списке; (3) список диалогов

 

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

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

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

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

  • категория;

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

Список диалогов

 

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

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

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

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

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

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

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

 

Блок фильтров на странице со списком диалогов

(1) чек-боксы выбора типа диалога; (2) выпадающий список с возможными категориями; (3) поле поиска по списку; (4) кнопка “Применить“

 

Фильтрация применяется при нажатии на кнопку «Применить».

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

  3. Доступ.

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

Настройки

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

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

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

Поле

Описание

Значение по умолчанию

Подсказка

Поле

Описание

Значение по умолчанию

Подсказка

Название

Текстовое поле

Пусто

 

Максимум 80 символов 

 

"Поле "Название" не может содержать больше 80 символов"

Обязательное поле

 

"Поле "Название" обязательно"

Чек-бокс Активности



Чек-бокс

Отмечен



Чек-бокс обязательности материала

Отвечает за то, будет ли статистика по диалогу влиять на подсчёт статистики в модулях Моя команда, Матрица обучения и в круговых диаграммах статистики в ЛК, а также за само отображение диалогов в Матрице обучения

Выбран

 

Категория







Выпадающий список категорий

“Без категории"
Это значение присутствует в списке всегда



В списке не может быть пустого значения

 



Необязательное поле

 



Персонаж









Выпадающий список персонажей

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



В списке не может быть пустого значения

 

"Создайте персонажа"

Обязательное поле

 



Кратко

Текстовое поле

Пусто



Не поддерживает форматирование

 



Максимум 255 символов 

 

"Поле "Кратко" не может содержать больше 255 символов"

Обязательное поле

 



Текст

Текстовое поле

Пусто



Поддерживает форматирование

 



Максимум 10000 символов 

 

"Поле "Текст" не может содержать больше 10000 символов"

Обязательное поле

 



Время на прохождение

В поле находится три двухзначных числа, отвечающие за часы, минуты и секунды

Пусто



Диапазоны значений:

  1. Часы - 00..23

  2. Минуты - 00..59

  3. Секунды - 00..59

 



При клике на поле в первый раз, в поле выводится значение 00:00:00

 



При выбранном значении 00:00:00 таймер в Публичной части не отображается

 



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

 



Можно ввести значения с клавиатуры

 



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

 



Необязательное поле

 



Порог прохождения в процентах











Отвечает за определение успешности/не успешности прохождения диалога:

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

  • диалог считается не пройденным, если процент прохождения диалога меньше указанной настройки

0



Текстовое поле

 



Поддерживает только цифры

 



Максимум 3 символа 

 



Обязательное поле

 



Награда в баллах











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

0



Текстовое поле

 



Поддерживает только цифры

 



Обязательное поле

 



Интервал между попытками

Указывается в днях



При значении 0 - интервал отсутствует, диалог можно проходить без пауз между попытками

 



Текстовое поле

 



Поддерживает только цифры

 



Максимум 255 символов 

 

"Поле "Интервал между попытками" не может содержать больше 255 символов"

Обязательное поле

 



Количество доступных попыток

Текстовое поле



Поддерживает только цифры

 



Максимум 255 символов 

 

"Поле "Количество доступных попыток" не может содержать больше 255 символов"

Обязательное поле

 



Чекбокс "Бесконечное количество попыток"

Делает поле "количество доступных попыток" неактивным

Отмечен



Изображение (превью)

Кнопка, при нажатии открывается диалог выбора файла

Пусто



При загруженном файле отображается превью

 



Чтобы удалить загруженный файл, необходимо нажать "крестик" в углу превью

 



Необязательно поле

 



Изображение (шапка)

Кнопка, при нажатии открывается диалог выбора файла

Пусто



При загруженном файле отображается превью

 



Чтобы удалить загруженный файл, необходимо нажать "крестик" в углу превью

 



Небязательное поле

 



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

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

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

  • “Реплика пользователя” – используется для создания реплики игрока;

  • “Презентация” – используется для добавления файла с презентацией в структуру диалога;

  • “Шаблоны” – позволяет выбрать существующий шаблон;

  • масштабирование – представлен кнопками, позволяющими Приблизить/Отдалить область редактирования;

  • центрирование – представлен кнопкой, позволяющей центрировать область редактирования на его фактическом центре;

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

 

Общий вид страницы “Конструктор диалогов“

(1) кнопка добавления реплик персонажа; (2) кнопка добавления реплик пользователя; (4) кнопка добавления презентации; (4) кнопка добавления шаблона; (5), (6) масштабирование; (7) центрирование; (8) включение/отключение полноэкранного режима

Реплика персонажа

Для того чтобы добавить реплику персонажа необходимо нажать кнопку «Реплика персонажа». Откроется диалоговое окно, в котором необходимо заполнить следующие поля:

  • текст реплики, максимум 500 символов;

  • выбрать/не выбрать чек-бокс базовой ветки, в которой будет отображаться реплика;

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

  • этап - выбрать значение из выпадающего списка; по умолчанию выбрано значение «Без этапа»;

  • навык - выбрать значение из выпадающего списка; по умолчанию выбрано значение «Без навыка.

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

 

Диалоговое окно создание реплики персонажа

(1) текст реплики; (2)чек-бокс базовой ветки; (3) список выбора реакции персонажа; (4) список выбора этапа; (5) список выбора навыка; (6) кнопки “Сохранить“ и “Отменить“

 

Созданная реплика отобразится в области редактирования. Реплики персонажа подсвечиваются серым цветом.

 

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

(1) кнопка редактирования реплики; (2) текст реплики; (3)кнопка добавления связи; (4)кнопка создания связной реплики другого типа

 

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

Реплика пользователя

Для того чтобы добавить реплику пользователя необходимо нажать кнопку «Реплика пользователя». Откроется диалоговое окно, в котором необходимо заполнить следующие поля:

  • текст реплики, максимум 500 символов;

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

  • этап - выбрать значение из выпадающего списка; по умолчанию выбрано значение «Без этапа»;

  • навык - выбрать значение из выпадающего списка; по умолчанию выбрано значение «Без навыка;

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

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

 

Создание реплики пользователя
(1) текст реплики; (2) список выбора реакции персонажа; (3) список выбора этапа; (4) список выбора навыка; (5) настройка корректности ответа.

Созданная реплика отображается в области редактирования, окрашена в соответствии с выбранной корректностью ответа:

  • корректность ответа “отрицательный“- красная рамка;

  • корректность ответа “положительный - зеленая рамка;

  • корректность ответа “нейтральный“ - оранжевая рамка.

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

Отображение реплики пользователя в области редактирования конструктора

(1) кнопка редактирования реплики; (2) текст реплики; (3)кнопка добавления связи; (4)кнопка создания связной реплики другого типа

 

Для созданной реплики доступно редактирование и связь с другими репликами.

Презентация

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

Создание презентации

 

Для корректной загрузки файла, его необходимо представить в формате архива .zip с файлами png или jpeg. Дополнительные папки в архиве не допускаются.

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

Для блока презентации характерны следующие свойства:

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

  • презентация следует только после реплики пользователя;

  • для созданной презентации доступно редактирование и связывание с репликами.

Свойства области редактирования
  1. Все созданные в области редактирования объекты: реплики персонажа, реплики пользователя, презентации доступны к перемещению в любом порядке.

  2. Связи реплик:

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

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

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

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

  3. У реплики пользователя может быть один вход и один выход.

  4. У реплики персонажа может быть несколько выходов:

    • несколько выходов к репликам пользователей;

    • только один выход к репликам персонажа.

  5. У презентации может быть:

    • несколько входов

      • входом может быть реплика пользователя или персонажа;

    • один выход

      • Выходом может быть только реплика персонажа.

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

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

Автоматическое сохранение диалога

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

Во включенном состоянии, сохраняет все изменения диалога, пока пользователь находится на странице редактирования диалога.

При сохранении диалога не запоминается состояние чек-бокса.

Доступ

Страница «Доступ» позволяет настроить уровень доступа к диалогу.

В поле Пользователи Email пользователя выводится, если указан для него

Страница “Доступ“, выбор групп

Страница “Доступ“, выбор пользователей

Шаблоны

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

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

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

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

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

Общий вид страницы с шаблонами

 

Просмотр списка шаблонов

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

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

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

  • название шаблона.

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

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

Поиск по списку шаблонов

В верхней части вкладки «Шаблоны» расположено поле поиска. Для того чтобы в списке шаблонов найти некоторый шаблон необходимо:

  1. Ввести ключевое слово – параметр поиска в поле.

  2. Нажать кнопку «Применить».

Поле поиска по списку шаблонов

 

В результате сформируется список шаблонов, соответствующих введенному критерию поиска. Для сброса результатов поиска необходимо нажать кнопку «Сбросить».

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

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

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

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

Список доступных действий над шаблонами

 

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

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

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

Страница поделена на две вкладки:

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

  2. Сценарий.

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

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

Вкладка “Настройки“

(1) название шаблона; (2) кнопки “Сохранить“, “Применить“ и “Отменить“

 

Вкладка “Сценарий” позволяет сформировать сценарий шаблона.

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

  • кнопка “Реплика персонажа“ - позволяет создать и настроить реплику персонажа;

  • кнопка “Реплика пользователя“ - позволяет создать и настроить реплику пользователя;

  • кнопка “Презентация“ - позволяет добавить файл презентации.

Область редактирования сценария шаблона

(1) кнопка “Реплика персонажа“; (2) кнопка “Реплика пользователя“; (3) кнопка добавления презентации; (4), (5) инструменты масштабирования; (6) инструмент центрирования; (7) включение/отключение полноэкранного режима

 

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

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

Страница редактирования шаблона

 

  1. Кнопка «Сохранить» позволяет сохранить внесенные изменения, после чего осуществляется переход к списку персонажей.

  2. Кнопка «Применить» позволяет сохранить внесенные изменения, при этом активной остается текущая страница.

  3. Кнопка «Отменить» позволяет отменить изменения, после чего осуществляется переход к списку шаблонов.

  4. Кнопка «Копировать» - позволяет создать копию шаблона и открывает экран редактирования созданной копии; копии присваивается название: «Копия» + название шаблона, с которого получена копия.

  5. Кнопка «Удаление» – позволяет удалить шаблон, при этом отображается диалоговое окно с запросом подтверждения на удаление; в результате успешного удаления осуществляется переход на страницу со списком шаблонов.

  6. В целом интерфейс вкладки «Шаблоны» повторяет интерфейс вкладок «Этапы» и «Навыки».

Связанные модули и механики

Квесты

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

Матрица обучения

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

Моя команда

Если диалог обязателен для прохождения, то пользователь его увидит в соответствующей вкладке на экране “Моя статистика”. Руководитель команды также видит обязательные для прохождения диалоги на экранах сотрудников и может назначить диалог для прохождения.

Отчётность по модулю Диалоги

Отчёты доступны из пункта меню “Отчёты“.

Диалоги. Отчёт по выбранному диалогу

Для того чтобы сформировать индивидуальный отчёт по диалогам необходимо выполнить следующие шаги:

  1. Выбрать в блоке настройки отчёта тип отчёта “Диалоги. Отчёт по выбранному диалогу“.

  2. Выбрать дату начала и дату конца периода, для которого формируется отчётность.

  3. Выбрать диалог, для которого формируется отчёт.

  4. Нажать кнопку “Создать отчёт“.

Формирование отчёта по диалогам

Скачивание отчёта в формате .xlsx

Страница с данными отчёта “Индивидуальная отчётность по диалогам“

 Страница содержит таблицу с данными отчёта и кнопку скачивания отчёта в формате .xlsx. Таблица содержит следующие поля:

  1. ID пользователя.

  2. Имя.

  3. Фамилия.

  4. Прочие поля из конструктора полей

  5. Попытка

  6. Дата прохождения.

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

  8. Статус прохождения

    1. Пройден

    2. Не пройден

  9. Баллы.

  10. Всего пройдено реплик.

  11. Положительные ответы.

  12. Нейтральные ответы.

  13. Ошибочные ответы.

Диалоги. Отчёт по навыку

Для того чтобы сформировать индивидуальный отчёт по навыкам необходимо выполнить следующие шаги:

  1. Выбрать в блоке настройки отчёта тип отчёта “Индивидуальная отчётность по навыку“.

  2. Выбрать дату начала и дату конца периода, для которого формируется отчётность.

  3. При необходимости добавить дополнительный фильтр.

  4. Выбрать значение для дополнительного фильтра.

  5. Нажать кнопку “Создать отчёт“.

Формирование отчёта по навыку

Страница с данными отчёта

Страница содержит таблицу с данными отчёта и кнопку скачивания отчёта в формате .xlsx. Таблица содержит следующие поля:

Столбцы в отчёте:

  1. ID пользователя.

  2. Имя.

  3. Фамилия.

  4. Прочие поля из конструктора полей

  5. Навык.

  6. Средний процент по данной компетенции

  7. Ошибочные ответы.

Подготовка изображений для диалога

Изображение для диалогового тренажера может состоять из трёх частей.

  1. Фон - размер холста 2730х1538 px (png, jpg)

  2. Персонаж - размер холста 2730х1538 px (png с прозрачным фоном)

  3. Передний план - размер холста 2730х1538 px (png с прозрачным фоном) — необязательный слой. Используется, когда персонаж сидит, например, за компьютером.

Мы рекомендуем использовать самый простой вариант подготовки персонажа — статичные смены эмоций. Для этого нужно подготовить 1 фон и несколько изображений персонажа с разными эмоциями (нейтральный, доброжелательный, задумчивый, недовольный и т.п.).

 

Важно, чтобы размер холста с изображением персонажа был точно такого же размера, как и фон. А персонаж находился в левой или правой части экрана в безопасной зоне на прозрачности.

Мобильная версия.
Необходимо подготовить аватары для персонажа со всеми имеющимися эмоциями в размере 140х140 px. Крупно лицо персонажа (портрет).

История прохождения диалога
Необходимо подготовить изображения персонажа для истории — круглые аватары. Можно использовать те же, что и для мобильной версии - 140х140, которые ужмутся на верстке до 85х85.

Файл-шаблон psd для подготовки персонажа: