Хабрахабр

Обновить панель управления для CPaaS: заново придумать UI/UX и внедрить IDE нормального человека

Возможно, вы уже успели попробовать новую панель, пока она была в открытой бете: в старой панели была специальная кнопка для переключения. Как бы то ни было, теперь новая панель доступна всем.

Приглашаю всех под кат – вас ждет обзор самых существенных нововведений.
И это не просто релиз, а настоящее переосмысление UI/UX управления аккаунтами Voximplant.

На всякий случай: скриншоты кликабельны.

Приложение всевластья

Концепция «приложения» не нова, она была реализована еще когда платформа только запускалась. «Приложение» – это способ связать воедино облачные сценарии, телефонные номера, очереди звонков и т.д.; налицо явный отсыл к термину «приложение» в его софтверном значении. Создание приложений в Voximplant всегда было обязательным для правильной обработки звонков.

Такая гибкость могла привести к неоднозначным последствиям: с одной стороны, приложения нужны в обязательном порядке, а с другой – можно было легко забыть о них после создания прочих звеньев обработки звонков. Однако технически создавать приложение можно было когда угодно, например, когда все остальное уже готово (написан сценарий, куплен номер и т.д.).

Раздел находится в главном меню, которое открывается по нажатию на «гамбургер» в левом верхнем углу: Поэтому главное изменение касается именно этого нюанса: теперь раздел Applications – это главная входная точка в управление аккаунтом.

image

В новой панели, вы первым делом создаете приложение, затем проваливаетесь в него и уже внутри видите знакомые разделы: Call history, Scenarios, Users, Numbers и т.д.

Новые названия и расположения

Некоторые элементы были перемещены, некоторые – переименованы.

Для начала, стоит отметить что бывшие Rules (Правила) – это теперь Routing внутри приложения.

image

В общих настройках аккаунта – Settings – теперь два новых названия, Security и Webhooks.

соответствующие вкладки: Security – это про белый список IP для доступа к HTTP API и SIP, см.

image

Webhooks – так теперь называются HTTP Callbacks (раньше они были на странице API Access):

image

Новые возможности

А теперь про кое-что абсолютно новое.

Тонкий момент: если раньше у вас в аккаунте был пользователь, привязанный к нескольким приложениям, то чтобы не рушить логику работы, мы клонировали этого пользователя в другие приложения. Пользователи теперь создаются только внутри приложений, при этом один пользователь может принадлежать только одному приложению. Имена пользователей должны быть уникальными в рамках одного приложения. При этом «старый» ID со статистикой останется в приложении, к которому пользователь был привязан в последнюю очередь. Это связано с изменениями в нашем API, вступившими в силу 1 марта.

С помощью этой функциональности можно обзванивать большое количество клиентов в полу- и автоматическом режиме, указав количество попыток дозвониться на каждый номер, интервал между попытками и максимальное количество одновременных звонков. Списки обзвонов (call lists) теперь в открытом доступе – им посвящен раздел внутри приложения.

Обновлены настройки профиля – Profile settings:

  1. Можно установить аватар. Не самая важная функциональность, но всегда приятно иметь под рукой дополнительную возможность для кастомизации.

    image

  2. Можно подключить OAuth-аккаунты: доступны Github и Google. Теперь логиниться в нашу панель будет еще удобнее.

Еще одна фича – управление активными сессиями, Active sessions; находится в cекции Calls главного меню. Каждый раз, когда у вас есть хотя бы одна активная сессия, вы можете увидеть ее здесь. Также можно узнать подробности по этой сессии и вручную завершить ее.

image

Изменилась компоновка сценариев. Сценарии, созданные еще в старой панели, теперь являются общими (shared) для всех приложений, но любой из них можно привязать к какому-то одному приложению – это приведет к тому, что сценарий удалится из папки shared, т.е. станет недоступен другим приложениям. Действия доступны из контекстного меню, надо только щелкнуть правой кнопкой по сценарию.

Все доступные команды доступны в палитре (клавиша F1) либо контекстном меню (правый щелчок в редакторе). Последнее, но не по значению – это наша новая IDE, которая поддерживает автокомплит, горячие клавиши, diff, автоформатирование и т.д. Также мы внедрили новый дебаггер, которому можно задавать параметры запуска и использовать их в дальнейшем.

Следующая наша статья будет всецело про IDE: что под капотом, как работает и почему именно оно

image

Marketplace

Теперь в панели есть шаблоны для максимально быстрого старта на нашей платформе – можете изучить их прямо сейчас.

image

Можно выбрать наиболее подходящее решение и нажать Install. В зависимости от выбора создадутся приложение, пользователи, правило и т.п. Затем можно попробовать это решение в деле, запустив демку – ссылка появится после инсталляции.

Дальше – больше

Уверены, что обновленная архитектура вкупе с мощной IDE помогут вам успевать больше за меньшее время. Фидбэк можно писать в комменты либо напрямую нашей поддержке.

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть