Как стать автором
Обновить

Simile TimeLine — библиотека для отображения событий на шкале времени

Время на прочтение 3 мин
Количество просмотров 5K
Время идет вперед. Годы летят, только успевай считать уж сколько прошло их с тех пор как в школу пошел, как поступил в институт, как женился да дети родились. А ведь помимо своей жизни есть еще много вещей которые изменяются, развиваются, появляются и исчезают с течением времени.

Так вот интересным инструментом для наглядного представления событий и периодов на шкале времени является Simile TimeLine.

Далее я расскажу, что сподвигло меня использовать данный инструмент, и в чем я нахожу его использование крайне удобным. В моем описании будет немного про Астериск, колл-центры и, собственно, javascript-библиотеку Simile TimeLine.

Недавно появился интересный проект по организации call-центра на Астериске. Одним из требований проекта было прием звонков только зарегистрированными операторами в системе. Поясню что это значит.

Заказчик имеет более десятка сотрудников операторов, которые принимают звонки. Это круглосуточная служба приема звонков. Операторы работают по сменам. При заступлении на смену оператор регистрируется в системе, введя свой пин-код на рабочем месте оператора. Теперь на этого оператора будут поступать звонки клиентов заказчика.

Астериск передает входящие звонки от клиентов, которые поступают по многоканальному номеру только зарегистрированным операторам, поэтому если оператору необходимо отлучиться по необходимости, он снимается с регистрации в системе путем ввода кода.

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

Поскольку на многоканальный номер поступает достаточно много звонков, то мы имеем статистику по принятым и непринятым звонкам. С принятыми звонками все понятно — приняты, записаны и хорошо!

А вот с непринятыми может быть две ситуации: а) клиент недослушал голосовое приветствие и повесил трубку (с такими тоже понятно — возможно, не сильно-то и хотел звонить) или б) звонок клиента был поставлен в очередь ожидания, когда все зарегистрированные в системе операторы были заняты, и клиент-таки не дождался ответа и повесил трубку.

Для более детального анализа работы операторов, их загруженности можно использовать Simile TimeLine, чтобы, например, представить визуально периоды регистрации операторов в системе, ведь лучше один раз увидеть в совокупности, чем просмотреть логи регистраций. Пример такого представления на рисунке (числа — это номера операторов).



Можно приводить еще примеры каким образом анализировать работу операторов, но поскольку этот топик посвящен TimeLine, то закругляюсь с Астериском и колл-центром и далее привожу ссылки использования в иных проектах:



Simile TimeLine - http://www.simile-widgets.org/timeline/ - страница проекта (на примере события политической жизни США, центральное событие — выстрел в Джона Кеннеди).

Подробное руководство "Как начать использовать Simile TimeLine".

Компонента поддерживает загрузку данных в XML, JSON. Для каждого события в файле данных можно указать описание, ссылку, иконку.

  • Поскольку я искал необходимую мне библиотеку, то нашел еще и TimeGlider (код здесь) — еще одна библиотека для представления шкалы времени в виде плагина к JQuery. Может быть кому и приглянется в разработке. Отмечу лишь прикольную фичу — масштаб времени — можно оглядеть года свысока, а можно приблизить и разглядеть каждый день. Пример здесь.


В общем, каждый может создать свой TimeLine и наполнить его событиями: ).
Теги:
Хабы:
+58
Комментарии 13
Комментарии Комментарии 13

Публикации

Истории

Работа

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн