Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
1. Описание
Графический Low-Code редактор для создания схем, которые могут быть использованы для любых сценариев обслуживания.
Note | ||
---|---|---|
| ||
Минимальные требования к разрешению экрана: 1280x768 и больше! |
Представлен пространством для построения, а также:
- Верхняя панель (Рис.1(1));
- Блок компонентов (Рис.1(2));
- Пространство для построения схемы (Рис.1(3)).
Image RemovedImage Added
Рис. 1. Webitel Flow Diagram
1.1. Верхняя панель
В этой панели отображается название схемы, а также присутствуют такие элементы:
- Инструмент редактирования (Рис.2(1));
- Инструменты отмены действий (Рис.2(2));
- Кнопка "Go to start";
- Кнопка "Jsonify to console";
- Кнопка "Save";
- Кнопка "Close".
Рис. 2. Верхняя панель Webitel Flow Diagram
1.1.1. Инструмент редактирования
Предназначен для изменения названия и тегов схемы. Представлен в виде кнопки , при нажатии на которую открывается модальное окно "Update nameFlow settings" (Рис.3).
Image RemovedImage Added
Рис. 3. Модальное окно для изменения названия схемыFlow settings
1.1.2. Инструменты отмены действий
Состоит из двух кнопок:
Image Added - возвращает на одно действие назад;
Image Added - возвращает одно действие вперед, в случае если пользователь нажал кнопку Image Added. В противном случае, эта кнопка неактивна.
Info |
---|
Количество доступных для отмены действий - 100. |
1.1.
23. Кнопка "Go to start"
Нажатие кнопки "Go to start" возвращает схему в положение, когда компонент "Start" находится посредине пространства для построения схемы.
1.1.
34. Кнопка "Jsonify to console"
Кнопка "Jsonify to console" предназначена для отображения json-кода, который соответствует созданной схеме в консоли. Для его просмотра необходимо открыть консоль.
1.1.
45. Кнопка "Save"
Предназначена для сохранения изменений в схеме. При нажатии стрелочки открывается возможность выбрать вариант "Save as" (Рис.4). При выборе "Save as" открывается модальное окно "Update name"(Рис.3), в котором можно изменить название схемы.
Если есть несохраненные данные, то кнопка окрашена в оранжевый цвет.
Рис. 4. Кнопка "Save"
1.1.
56. Кнопка "Close"
Кнопка "Close" предназначена для закрытия схемы без сохранения изменений.
1.2. Блок компонентов
В этом блоке отображается перечень компонентов, из которых можно создавать схемы и поле поиска.
Список отображаемых компонентов зависит от типа схемы выбранного при её создании. В таблице ниже указанно какие компоненты доступны при разных типах (Таб.1).
*Общие - доступны во всех типах
Общие* | Голосовая | Текстовая | Формы | Служебная |
---|---|---|---|---|
Таб. 1. Список компонентов согласно с типами схемы
Info |
---|
Компонент "Start" может быть только один и при создании новой схемы находится в пространстве для построения схемы. Является стартом схемы. |
У каждого компонента есть своя панель настроек, которая открывается в правой части страницы при нажатии на компонент, который находится в пространстве для построения схемы. Больше информации можно посмотреть на странице конкретного компонента.
1.3. Пространство для построения схемы
Является основным рабочим пространством.
С помощью нажатия правой кнопки мыши на блок компонента можно клонировать или удалить выбранный блок.
С помощью колесика мышки можно менять масштаб построенной схемы.
В правом нижнем углу находится мини-карта схемы для удобства пользования. Также доступна возможность изменять масштаб схемы. По умолчанию и после нажатия на Go to start – масштаб равен 50%.
2. Возможности
2.1. Добавление компонент в схему
Цель | Добавить компонент в схему |
---|---|
Предусловия |
|
Сценарий |
|
Результат | Компонент добавлен в схему. |
3. Дополнительные материалы
3.1. Обучающее видео
3.1.1. Создание схемы маршрутизации
В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:
Widget Connector | ||
---|---|---|
|
3.2. Инструкции
3.2.1. Примеры схем
Child pages (Children Display) | ||
---|---|---|
|
Table of Contents |
---|