Портфолио

Панель мониторинга звонков

Приложение, позволяющее отслеживать состояние очередей вызовов и их операторов в реальном времени.

Заказчик

Австралийский телекоммуникационный провайдер VoIPline Telecom

Развиваем проект c 2018 года

Основная проблема

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

Ключевая задача

Разработать веб-страницу для отслеживания состояния очередей в реальном времени, адаптированную под высокие разрешения (вплоть до 8K) для отображения на больших настенных ТВ-панелях.

Стек технологий

WebSocket
Asterisk AMI events
Node.js
Vue.js

Панель мониторинга со статусами сервисов, графиком звонков и событиями

Статус операторов

Онлайн или офлайн, ожидает ответа на звонок, в разговоре, вышел из очереди или включил режим «Не беспокоить». Статусы обновляются в реальном времени. Панель позволяет увидеть, со звонком из какой очереди оператор сейчас работает, с кем и как долго разговаривает.

Информация об очередях

Для каждой очереди ведётся отдельная статистика, которая сбрасывается раз в день или чаще — в зависимости от настроек. Отображается количество операторов, готовых принимать входящие звонки, а также сколько из них находится на звонке в текущий момент. Число отвеченных, пропущенных звонков и звонков с истёкшим временем ожидания. Доступна информация об общей длительности разговоров, среднем времени ожидания ответа и общем времени ожидания. Кроме того, показывается, сколько людей ждут ответа прямо сейчас и максимальное время ожидания среди них. Можно настроить визуальное выделение очереди при достижении заданного лимита — например, по количеству ожидающих или максимальному времени ожидания, а также собственный цвет заголовка.

Адаптивность

Основное место для использования панели мониторинга — телевизоры или дисплеи с большим разрешением, но пользователи также могут отслеживать статусы на компактных устройствах, таких как ноутбуки или смартфоны. Для всех типов экранов и разрешений была проведена оптимизация: шрифты автоматически адаптируются к размеру дисплея, текст остаётся чётким и легко читаемым даже с большого расстояния.