Time goes on. Years fly by, just have time to count how many have passed them since I went to school, went to college, got married, and the children were born. But besides his life there are still many things that change, develop, appear and disappear over time.
So an interesting tool for a visual presentation of events and periods on the timeline is Simile TimeLine.
Next, I will tell you what encouraged me to use this tool, and in what way I find its use extremely convenient. In my description will be a little about Asterisk, call centers and, in fact, the javascript-library
Simile TimeLine .
Recently, an interesting project on the organization of a call-center on Asterisk. One of the requirements of the project was to receive calls only by registered operators in the system. Let me explain what it means.
')
The customer has more than a dozen employees of operators who receive calls. This is a round-the-clock service for receiving calls. Operators work in shifts. When the operator replaces the change, he registers in the system by entering his PIN code at the operator’s workplace. Now this operator will receive calls from customers of the customer.
Asterisk transfers incoming calls from clients that arrive at the multichannel number only to registered operators, so if an operator needs to leave as needed, it is removed from registration in the system by entering a code.
Thus, for each operator, we have two events: setting and deregistration in the system, which limit a certain period of time for the operator to receive calls.
Since a multichannel number receives a lot of calls, we have statistics on received and unanswered calls. With received calls, everything is clear - accepted, recorded and good!
But with the unaccepted there can be two situations: a) the client did not listen to the voice greeting and hung up (it’s also clear with such - perhaps it wasn’t much that he wanted to call) or b) the client’s call was put in a queue when everything registered in the system the operators were busy, and the client did not wait for an answer and hung up.
For a more detailed analysis of the work of operators, their workload can be used Simile TimeLine, for example, to visualize the periods of registration of operators in the system, because it is better to see once in the aggregate than to view the logs of registrations. An example of such a representation in the figure (numbers are operator numbers).

You can give more examples of how to analyze the work of the operators, but since this topic is dedicated to TimeLine, I’ll end up with Asterisk and the call center, and then cite references for use in other projects:
Simile TimeLine -
http://www.simile-widgets.org/timeline/ - project page (for example, the events of US political life, the central event is a shot at John F. Kennedy).
Detailed guide "
How to start using Simile TimeLine ".
The component supports loading data in XML, JSON. For each event in the data file, you can specify a description, link, icon.
- Since I was looking for the library I needed, I also found TimeGlider (the code is here ) - another library for representing the timeline as a jQuery plugin. Maybe someone will like in the development. I will note only a cool feature - the time scale - you can look down on the year, or you can zoom in and see each day. An example is here .
In general, everyone can create their own TimeLine and fill it with events:).