1. Описание

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

Представлен пространством для построения, а также:

1. Верхняя панель (Рис.1(1));
2. Блок компонентов (Рис.1(2));
3. Пространство для построения схемы (Рис.1(3)).

Рис. 1. Webitel Flow Diagram

1.1. Верхняя панель 

В этой панели отображается название схемы, а также присутствуют такие элементы:

1. Инструмент редактирования (Рис.2(1));
2. Инструменты отмены действий (Рис.2(2));
3. Кнопка "Go to start";
4. Кнопка "Jsonify to console";
5. Кнопка "Save";
6. Кнопка "Close".

Рис. 2. Верхняя панель Webitel Flow Diagram

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

Предназначен для изменения названия  и тегов схемы. Представлен в виде кнопки , при нажатии на которую открывается модальное окно "Flow settings" (Рис.3).

Рис. 3. Модальное окно Flow settings 

1.1.2. Инструменты отмены действий

Состоит из двух кнопок:
- возвращает на одно действие назад;

- возвращает одно действие вперед, в случае если пользователь нажал кнопку . В противном случае, эта кнопка неактивна.

1.1.3. Кнопка "Go to start"

Нажатие кнопки "Go to start" возвращает схему в положение, когда компонент "Start" находится посредине пространства для построения схемы.

1.1.4. Кнопка "Jsonify to console"

Кнопка "Jsonify to console" предназначена для  отображения json-кода, который соответствует созданной схеме в консоли. Для его просмотра необходимо открыть консоль.

1.1.5. Кнопка "Save"

Предназначена для сохранения изменений в схеме. При нажатии стрелочки открывается возможность выбрать вариант "Save as" (Рис.4). При выборе "Save as" открывается модальное окно "Update name"(Рис.3), в котором можно изменить название схемы. 

Если есть несохраненные данные, то кнопка окрашена в оранжевый цвет. 

Рис. 4. Кнопка "Save"

1.1.6. Кнопка "Close"

Кнопка "Close" предназначена для закрытия схемы. В случае, когда есть несохраненные изменения - кнопка "Save" активна, при нажатии на кнопку "Close" открывается модальное окно "Warning" (Рис.5).

Рис. 5. Модальное окно "Warning"

Модальное окно "Warning" состоит из информационного уведомления и кнопок:

• Save - сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
• Don't save - не сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
• Cancel - отмена. Модальное окно закрывается. Можно продолжать работу в редакторе.

1.2. Блок компонентов

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

Список отображаемых компонентов зависит от типа схемы выбранного при её создании. В таблице ниже указанно какие компоненты доступны при разных типах (Таб.1).

*Общие - доступны во всех типах

Таб. 1. Список компонентов согласно с типами схемы

У каждого компонента есть своя панель настроек, которая открывается в правой части страницы при нажатии на компонент, который находится в пространстве для построения схемы. Больше информации можно посмотреть на странице конкретного компонента.

1.3. Пространство для построения схемы

Является основным рабочим пространством. 

С помощью нажатия правой кнопки мыши на блок компонента можно клонировать или удалить выбранный блок.

С помощью колесика мышки можно менять масштаб построенной схемы.

В правом нижнем углу находится мини-карта схемы для удобства пользования. Также доступна возможность изменять масштаб схемы. По умолчанию и после нажатия на Go to start –  масштаб равен 50%.

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

2.1. Добавление компонент в схему

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

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

3.1.1. Создание схемы маршрутизации

В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:

• Set variables;
• Export variables;
• Unset variables;
• String;
• Math;
• Log;
• Soft Sleep;
• If:
• Switch;

• Go to.

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

3.2.1. Примеры схем

• Внутренний перевод на группу
• Входящий звонок с донабором номера
• Входящий звонок с маршрутизацией на ответственного Creatio
• Добавить пропущенный звонок в исходящий дайлер
• Заказ встречного звонка из очереди
• Исходящий звонок
• Конференция
• Пример простого голосового меню IVR
• Создаем активность в Creatio по пропущенным звонкам
• Форма - отправить письмо
• Форма - схема для обработки звонка
• Фрагменты схемы потока
• Добавление абонента во входящую очередь задач - Email
• Обработка и ответ на Email