1. Описание

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

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

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

Рис. 1. Webitel Flow Diagram

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

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

1. Инструмент редактирования (Рис.2);
2. Кнопка "jsonify to console";
3. Кнопка "Save (Сохранить)";
4. Кнопка "Close (Закрыть)".

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

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

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

Рис. 3. Модальное окно для изменения названия схемы

1.1.2. Кнопка "jsonify to console"

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

1.1.3. Кнопка "Save (Сохранить)"

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

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

1.1.4. Кнопка "Close (Закрыть)

Кнопка   "Close (Закрыть) предназначена для закрытия схемы без сохранения изменений. 

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

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

Существуют такие компоненты:

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

1.3.

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

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

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

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

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. Примеры схем