Схемы

1. Описание

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

Состоит из:

1. Инструмента создания (Рис.1 (1));

2. Блок фильтрации (Рис.1 (2));

3. Поля поиска (Рис.1 (3));

4. Инструмента импорта JSON-файла (Рис.1 (4));

5. Инструмента обновления списка реестра (Рис.1 (5));

6. Реестра записей (Рис.1(6));

7. Пагинации (Рис.1 (7)).

Рис.1. Страница "Схемы"

1.1. Инструмент создания 

Для создания нового объекта служит кнопка "Добавить" (Рис.1 (1)), после нажатия на которую открывается модальное окно "Создать новую схему" (Рис. 2), в котором есть варианты создания схем:

1. Диаграмма;

2. Код.

И типы схем:

• Голосовая; 

• Текстовая;

• Формы;

• Служебная.

Рис.2. Модальное окно "Создать новую схему"

1.1.1. Диаграмма 

Создание новой схемы с использованием Webitel Flow Diagram.

1.1.2. Код

Создание новой схемы с использованием JSON-схему в редакторе кода. При выборе "Код", после нажатия кнопки "Создать" открывается страница детали "Общее".

1.2. Блок фильтрации

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

Содержит:

1. Инструменты фильтрации (Рис. 3(1));

2. Инструмент сброса фильтра (Рис. 3(2));

3. Инструмент раскрытия фильтров (Рис. 3(3)).

Рис. 3. Блок фильтрации

1.2.1. Инструменты фильтрации

Фильтрация возможна по тегах — поле "Теги" и типах — чекбоксы.

1.2.2. Инструмент сброса фильтра

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

1.2.3. Инструмент раскрытия фильтров

Представлен в виде кнопки , при нажатии на которую раскрываются все поля для фильтрации.

1.3. Поле поиска

Поиск производится по колонке "Имя".

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

1.4. Инструмент импорта JSON-файла

Для загрузки схемы воспользуйтесь кнопкой импорт JSON-файла (Рис.1 (4)). При наведении курсора на эту кнопку отображается надпись "Загрузить". При нажатии на кнопку  открывается окно выбора файла.

Выберите нужный файл на вашем устройстве и нажмите кнопку "Открыть" (в зависимости от ОС окно выбора файла может отличаться) (Рис. 4). 

Рис. 4. Окно выбора файла

Открывается модальное окно "Импортировать JSON" (Рис.5).

1.4.1. Модальное окно "Импортировать JSON"

Модальное окно состоит из таких частей:

1. Чекбокс "Создать новую схему";

2. Поле "Имя";

3. Кнопка "Добавить";

4. Кнопка "Закрыть".

Рис. 5. Модальное окно "Импортировать JSON"

1.4.1.1. Чекбокс "Создать новую схему"

Предназначен для возможности обновления схемы без замены файла через удаление.

- при нажатии кнопки "Добавить" создается новая схема (имя должно быть уникальным);

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

1.4.1.2. Поле "Имя"

Предназначено для введения имени схемы.

1.4.1.3. Кнопка "Добавить"

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

1.4.1.4. Кнопка "Закрыть"

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

1.5. Инструмент обновления реестра записей

Обновление таблицы реестра записей выполняется нажатием на кнопку обновления - .

(Рис.1 (4)).

1.6. Реестр записей

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

1. Чекбокс;

2. Колонка "Имя";

3. Колонка "Редактор";

4. Колонка "Тип";

5. Колонка "Теги";

6. Колонка "Создано";

7. Колонка "Изменено"

8. Инструмент для скачивания;

9. Инструмент удаления;

10. Инструмент редактирования.

1.6.1. Чекбокс

Используется для выбора одной или нескольких записей объектов.

Если выбрать чекбокс в заголовке, то будут выбраны все записи, которые находятся на странице.

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

• Нажатие кнопки "Да" удаляет записи.

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

Рис. 6. Удаление нескольких записей

1.6.2. Колонка "Имя"

Здесь отображается имя схемы.

1.6.3. Колонка "Редактор"

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

1.6.4. Колонка "Тип"

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

1.6.5. Колонка "Теги"

Отображает теги выбранные для схемы.

1.6.6. Колонка "Создано"

Отображает дату создания схемы.

1.6.7. Колонка "Изменено"

Отображает дату последнего редактирования схемы.

1.6.8. Инструмент для скачивания

При нажатии на кнопку скачивается json-файл с информацией о схеме.

1.6.9. Инструмент удаления

Используется для удаления объекта с подтверждением через модальное окно. При наведении на кнопку удаления ( ) отображается информация с названием инструмента.  После нажатия кнопки удаления появляется модальное окно с подтверждением. Нажатие кнопки "Да" удаляет объект и запись о нем. Нажатие кнопки "Нет" закрывает модальное окно, объект не удаляется. 

Рис. 7. Модальное окно подтверждения удаления на странице "Схема"

1.6.10. Инструмент редактирования

Открывается нажатием на кнопку редактирования , при наведение курсором на которую отображается информация с названием инструмента. После нажатия на эту кнопку:

• Для схем с редактором "Код" открывается деталь "Общее", в которой можно изменить код схемы;

• Для схем с редактором "Диаграмма" открывается графический конструктор.

1.7. Пагинация 

Состоит из поля "Записей на странице", в котором указывается количество записей (возможно задать от 1 до 1000) на одну страницу и кнопок вперед  и назад  для переключения страниц.

2. Возможности

2.1. Создание новой схемы посредством написания кода.

2.2. Создание новой схемы посредством графического редактора

2.3. Удаление схемы 

2.4. Удаление нескольких схем 

2.5. Редактирование схемы 

3. Дополнительные материалы

3.1. Обучающее видео

3.1.1. Как настраивать маршрутизацию исходящих вызовов

Как настраивать маршрутизацию исходящих вызовов на примере схемы звонков между пользователями:

3.2. Инструкции

Примеры схем: