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)).
Рис. 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. Инструмент редактирования
Предназначен для изменения названия и тегов схемы. Представлен в виде кнопки , при нажатии на которую открывается модальное окно "Flow settings" (Рис.3).
Рис. 3. Модальное окно Flow settings
1.1.2. Инструменты отмены действий
Состоит из двух кнопок:
- возвращает на одно действие назад;
- возвращает одно действие вперед, в случае если пользователь нажал кнопку . В противном случае, эта кнопка неактивна.
Info |
---|
Количество доступных для отмены действий - 100. |
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"
В случаях, когда во время работы в конструкторе исчезло соединения с сервером, после нажатия на кнопку "Save" открывается модальное окно "Save failed" (Рис.5).
Image Modified
Рис. 5. Модальное окно "Save failed"
Кнопка "Retry" - повторная попытка сохранить изменения.
Кнопка "Export to json" - скачивание JSON-файла несохраненной схемы.
Кнопка " Close" - закрытия модального окна.
1.1.6. Кнопка "Close"
Кнопка "Close" предназначена для закрытия схемы. В случае, когда есть несохраненные изменения - кнопка "Save" активна, при нажатии на кнопку "Close" открывается модальное окно "Warning" (Рис.6).
Рис. 6. Модальное окно "Warning"
Модальное окно "Warning" состоит из информационного уведомления и кнопок:
- Save - сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Don't save - не сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Cancel - отмена. Модальное окно закрывается. Можно продолжать работу в редакторе.
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 |
---|