Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

1. Описание

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

Note
titleПримечание!

Поддерживается для разрешение экрана 1280x768 и больше!

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

  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. Custom code;
  2. Calendar;
  3. Execute;
  4. Export variables;
  5. Function;
  6. Go to;
  7. HTTP Request;
  8. If;
  9. Script;
  10. Math;
  11. String;
  12. Mark IVR;
  13. Soft Sleep;
  14. Set Grantee;
  15. Schema;
  16. Log;
  17. Set variables;
  18. Switch;
  19. Trigger;
  20. Unset variables;
  21. User Info;
  22. Playback;
  23. Ring ready;
  24. Pre answer;
  25. Answer;
  26. Hangup;
  27. Sip redirect;
  28. Ringback;
  29. Bridge;
  30. Conference;
  31. Generate Link;
  32. In-band DTMF;
  33. Flush DTMF;
  34. Update Cid;
  35. Park;
  36. Join Queue;
  37. Record file;
  38. Record session;
  39. Text-to-Speech;
  40. Member info;
  41. Get Queue Agents;
  42. Join Agent;
  43. Recv Message;
  44. Send text;
  45. Send file;
  46. Send email;
  47. Classifier;
  48. Menu.
Info

Компонент "Start" может быть только один и при создании новой схемы находится в поле для построения схемы. Является стартом схемы.

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

1.3. Поле для построения схемы

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

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

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

2. Возможности

2.1. Добавление компонент в схему

Цель

Добавить компонент в схему

Предусловия
  1.  Доступ к приложению Admin;
  2.  Доступ к разделу "Схемы звонка" в приложении Admin;
  3.  Разрешение на просмотр и редактирование в разделе "Схемы звонка";
  4. Наличие, как минимум, одной схемы типу диаграмма.

Сценарий:


  1. Найти схему (типу диаграмма), которую необходимо редактировать.
  2. Нажать на кнопку редактирования в записи этой схеме. Открывается графический редактор со схемой. 
  3. Выбрать необходимый компонент в блоке компонентов нажатием левой кнопки мышки и удерживая перетащить в поле для построения схемы.
  4. Соединить ветку  "out" блока, условие которого должны выполнятся первыми, с веткой  "in" блока, условие которого должны выполнятся вторыми.
  5. Нажать левой кнопкой на блок добавленного в схему компонента. Открывается панель настроек данного компонента. Панель настроек компонента можно посмотреть на странице конкретного компонента.
  6. Внести необходимые данные.
  7. Нажать кнопку  "Save (Сохранить)".

Результат

Компонент добавлен в схему.

3. Дополнительные материалы

3.1. Обучающее видео

3.1.1. Создание схемы маршрутизации

В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:

  • Set variables;
  • Export variables;
  • Unset variables;
  • String;
  • Math;
  • Log;
  • Soft Sleep;
  • If:
  • Switch;
  • Go to.

Widget Connector
urlhttps://www.youtube.com/watch?v=wYnaEfnKCLA

Table of Contents