Webitel Flow Diagram
- Olesya Tantsyura
- Aleksandr Chuchko
1. Описание
Графический Low-Code редактор для создания схем, которые могут быть использованы для любых сценариев обслуживания.
Примечание!
Минимальные требования к разрешению экрана: 1280x768 и больше!
Представлен пространством для построения, а также:
- Верхняя панель (Рис.1(1));
- Блок компонентов (Рис.1(2));
- Пространство для построения схемы (Рис.1(3)).
Рис. 1. Webitel Flow Diagram
1.1. Верхняя панель
В этой панели отображается название схемы, а также присутствуют такие элементы (Рис.2):
- Переключатель тем;
- Инструмент редактирования;
- Инструменты отмены действий;
- Кнопка "To start";
- Кнопка "Jsonify";
- Кнопка "Save";
- Кнопка "Close".
Рис. 2. Верхняя панель Webitel Flow Diagram
1.1.1. Переключатель тем
Доступны темная и светлая тема сайта.
Для изменения темы используется переключатель, который находится в верхней части страницы.
1.1.2. Инструмент редактирования
Предназначен для изменения названия и тегов схемы. Представлен в виде кнопки , при нажатии на которую открывается модальное окно "Flow settings" (Рис.3).
Рис. 3. Модальное окно Flow settings
1.1.3. Инструменты отмены действий
Состоит из двух кнопок:
- возвращает на одно действие назад;
- возвращает одно действие вперед, в случае если пользователь нажимал кнопку . В противном случае, эта кнопка неактивна.
Количество доступных для отмены действий - 100.
1.1.4. Кнопка "To start"
Нажатие кнопки "Go to start" возвращает схему в положение, когда компонент "Start" находится посредине пространства для построения схемы.
1.1.5. Кнопка "Jsonify"
Кнопка "Jsonify" предназначена для отображения json-кода, который соответствует созданной схеме, в консоли. Для его просмотра необходимо открыть консоль.
1.1.6. Кнопка "Save"
Предназначена для сохранения изменений в схеме. При нажатии стрелочки открывается возможность выбрать вариант "Save as" (Рис.4). При выборе "Save as" открывается модальное окно "Flow settings" (Рис.3), в котором можно изменить название схемы.
Если есть несохраненные данные, то кнопка окрашена в оранжевый цвет.
Рис. 4. Кнопка "Save"
В случаях, когда во время работы в конструкторе исчезло соединения с сервером, после нажатия на кнопку "Save" открывается модальное окно "Save failed" (Рис.5).
Рис. 5. Модальное окно "Save failed"
Кнопка "Retry" - повторная попытка сохранить изменения.
Кнопка "Export to json" - скачивание JSON-файла несохраненной схемы.
Кнопка " Close" - закрытия модального окна.
1.1.7. Кнопка "Close"
Кнопка "Close" предназначена для закрытия схемы. В случае, когда есть несохраненные изменения - кнопка "Save" активна, при нажатии на кнопку "Close" открывается модальное окно "Warning" (Рис.6).
Рис. 6. Модальное окно "Warning"
Модальное окно "Warning" состоит из информационного уведомления и кнопок:
- Save - сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Don't save - не сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Cancel - отмена. Модальное окно закрывается. Можно продолжать работу в редакторе.
1.2. Блок компонентов
В этом блоке отображается перечень компонентов, из которых можно создавать схемы, и поле поиска.
Список отображаемых компонентов зависит от типа схемы выбранного при её создании. При нажатии на кнопку вверху блока сворачивает список компонентов; кнопка разворачивает список компонентов.
Существуют такие компоненты:
- Компонент "Answer"
- Компонент "Attempt Result"
- Компонент "Bridge"
- Компонент "Broadcast message"
- Компонент "Calendar"
- Компонент "Callback Queue"
- Компонент "Chat AI"
- Компонент "Chat History"
- Компонент "Classifier"
- Компонент "Conference"
- Компонент "Custom code"
- Компонент "Execute"
- Компонент "Export variables"
- Компонент "Flush DTMF"
- Компонент "Form Datetime Picker"
- Компонент "Form File"
- Компонент "Form Rich Text Editor"
- Компонент "Form Select"
- Компонент "Form Text"
- Компонент "Form Textfield"
- Компонент "Function"
- Компонент "Generate Form"
- Компонент "Generate Link"
- Компонент "Get Email"
- Компонент "Get Queue Agents"
- Компонент "Go to"
- Компонент "Hangup"
- Компонент "HTTP Request"
- Компонент "If"
- Компонент "iFrame"
- Компонент "In-band DTMF"
- Компонент "Join Agent"
- Компонент "Join Queue"
- Компонент "List"
- Компонент "List Add"
- Компонент "Log"
- Компонент "Mark IVR"
- Компонент "Math"
- Компонент "Member info"
- Компонент "Menu"
- Компонент "Mono pay"
- Компонент "Notification"
- Компонент "Park"
- Компонент "Patch Members"
- Компонент "Playback"
- Компонент "Pre answer"
- Компонент "Record file"
- Компонент "Record session"
- Компонент "Recv Message"
- Компонент "Ringback"
- Компонент "Ring ready"
- Компонент "Schema"
- Компонент "Script"
- Компонент "Send email"
- Компонент "Send file"
- Компонент "Send message"
- Компонент "Send text"
- Компонент "Send TTS"
- Компонент "Set Grantee"
- Компонент "Set variables"
- Компонент "Sip redirect"
- Компонент "Soft Sleep"
- Компонент "String"
- Компонент "STT"
- Компонент "Switch"
- Компонент "Text-to-Speech"
- Компонент "Trigger"
- Компонент "Unset variables"
- Компонент "Update Cid"
- Компонент "User info"
- Компонент "While"
Компонент "Start" может быть только один и при создании новой схемы находится в пространстве для построения схемы. Является стартом схемы.
У каждого компонента есть своя панель настроек, которая открывается в правой части страницы при нажатии на компонент, который находится в пространстве для построения схемы. Больше информации можно посмотреть на странице конкретного компонента.
1.3. Пространство для построения схемы
Является основным рабочим пространством.
С помощью нажатия правой кнопки мыши на блок компонента можно клонировать или удалить выбранный блок.
С помощью колесика мышки можно менять масштаб построенной схемы.
В правом нижнем углу находится мини-карта схемы для удобства пользования. Также доступна возможность изменять масштаб схемы. По умолчанию и после нажатия на Go to start – масштаб равен 50%.
2. Возможности
2.1. Добавление компонент в схему
Цель | Добавить компонент в схему |
---|---|
Предусловия |
|
Сценарий |
|
Результат | Компонент добавлен в схему. |
3. Дополнительные материалы
3.1. Обучающее видео
3.1.1. Создание схемы маршрутизации
В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:
3.2. Инструкции
3.2.1. Примеры схем
- Внутренний перевод на группу
- Входящий звонок с донабором номера
- Входящий звонок с маршрутизацией на ответственного Creatio
- Добавить пропущенный звонок в исходящий дайлер
- Заказ встречного звонка из очереди
- Исходящий звонок
- Конференция
- Пример простого голосового меню IVR
- Создаем активность в Creatio по пропущенным звонкам
- Форма - отправить письмо
- Форма - схема для обработки звонка
- Фрагменты схемы потока
- Добавление абонента во входящую очередь задач - Email
- Обработка и ответ на Email