1. Описание
Графический Low-Code редактор для создания схем, которые могут быть использованы для любых сценариев обслуживания.
Представлен пространством для построения, а также:
- Верхняя панель (Рис.1(1));
- Блок компонентов (Рис.1(2));
- Пространство для построения схемы (Рис.1(3)).
Рис. 1. Webitel Flow Diagram
1.1. Верхняя панель
В этой панели отображается название схемы, а также присутствуют такие элементы:
- Инструмент редактирования (Рис.2);
- Кнопка "Go to start";
- Кнопка "Jsonify to console";
- Кнопка "Save";
- Кнопка "Close".
Рис. 2. Верхняя панель Webitel Flow Diagram
1.1.1. Инструмент редактирования
Предназначен для изменения названия и тегов схемы. Представлен в виде кнопки , при нажатии на которую открывается модальное окно "Update name" (Рис.3).
Рис. 3. Модальное окно для изменения названия схемы
1.1.2. Кнопка "Go to start"
Нажатие кнопки "Go to start" возвращает схему в положение, когда компонент "Start" находится посредине пространства для построения схемы.
1.1.3. Кнопка "Jsonify to console"
Кнопка "Jsonify to console" предназначена для отображения json-кода, который соответствует созданной схеме в консоли. Для его просмотра необходимо открыть консоль.
1.1.4. Кнопка "Save"
Предназначена для сохранения изменений в схеме. При нажатии стрелочки открывается возможность выбрать вариант "Save as" (Рис.4). При выборе "Save as" открывается модальное окно "Update name"(Рис.3), в котором можно изменить название схемы.
Рис. 4. Кнопка "Save"
1.1.5. Кнопка "Close"
Кнопка "Close" предназначена для закрытия схемы без сохранения изменений.
1.2. Блок компонентов
В этом блоке отображается перечень компонентов, из которых можно создавать схемы и поле поиска.
Список отображаемых компонентов зависит от типа схемы выбранного при её создании. В таблице ниже указанно какие компоненты доступны при разных типах (Таб.1).
Общие* | Голосовая | Текстовая | Формы | Служебная |
---|
| | | | |
*Общие - доступны во всех типах
У каждого компонента есть своя панель настроек, которая открывается в правой части страницы при нажатии на компонент, который находится в пространстве для построения схемы. Больше информации можно посмотреть на странице конкретного компонента.
1.3. Пространство для построения схемы
Является основным рабочим пространством.
С помощью нажатия правой кнопки мыши на блок компонента можно клонировать или удалить выбранный блок.
С помощью колесика мышки можно менять масштаб построенной схемы.
В правом нижнем углу находится мини-карта схемы для удобства пользования. Также доступна возможность изменять масштаб схемы.
2. Возможности
2.1. Добавление компонент в схему
Цель | Добавить компонент в схему |
---|
Предусловия | - Доступ к приложению Admin;
- Доступ к разделу "Схемы звонка" в приложении Admin;
- Разрешение на просмотр и редактирование в разделе "Схемы звонка";
- Наличие как минимум одной схемы типа диаграмма.
|
Сценарий
| - Найти схему (с типом "диаграмма"), которую необходимо редактировать.
- Нажать на кнопку редактирования в записи этой схеме. Открывается графический редактор со схемой.
- Выбрать необходимый компонент в блоке компонентов нажатием левой кнопки мышки и, удерживая, перетащить в поле для построения схемы.
- Соединить ветку "out" блока, условия которого должны выполняться первыми, с веткой "in" блока, условие которого должны выполняться вторыми.
- Нажать левой кнопкой на блок, добавленного в схему компонента. Открывается панель настроек данного компонента. Панель настроек компонента можно посмотреть на странице конкретного компонента.
- Внести необходимые данные.
- Нажать кнопку "Save (Сохранить)".
|
| Компонент добавлен в схему. |
3. Дополнительные материалы
3.1. Обучающее видео
3.1.1. Создание схемы маршрутизации
В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:
3.2. Инструкции
3.2.1. Примеры схем