Some recent work using PHP, MySQL, pChart, jQuery, GD, CSS, and HTML:

Supervisor dashboard suitable for use on SyncMaster U70 USB monitors. Smaller charts may be dragged over the larger charts to replace them. Textual information updates once every five seconds, charts are redrawn server-side once every minute.

Support Department wallboard suitable for display on HDTVs mounted in the call center and break room. Charts are redrawn once per minute. Every five seconds the phone system is queried to determine if calls are on hold. If so, the large charts scroll down, dropping the lowest two off-screen to make room for a large textual display of the number of calls on hold and the longest wait time. Screenshot is scaled down to 75%.

Support Department wallboard, as above but with calls on hold and a single agent in the “after-call work” state. Any agents in an “unavailable” state for longer than ten minutes or in an “after-call work” state for longer than two minutes are displayed alongside the hold number. Screenshot is scaled down to 75%.

Customer service schedule request form. Javascript-powered buttons autocomplete or clear fields as appropriate. Buttons use windowshade sprite technique as a simple CSS animation when used. Form input is sanity-checked and input to a MySQL database for further processing.

Interface by which the weekly departmental schedules are finalized by a supervisor. A summary of the schedule as it currently stands is displayed, with the selected agent in red. Small horizontal lines show the median call load for each half-hour, as sampled from the previous two weeks.

A textual summary of the authenticated agent is displayed, with the option to show a graphical summary of the week’s coverage with the authenticated agent’s hours shown in red.

A full view of each subdepartment’s two most recently-published schedules is made available, with each agent shown on a readable, separate bar. This is a throwback to our old scheduling system, which produced a static PNG file similar to this, but with each agent individually colored. The authenticated user is shown in red for easy identification.

Leave a Reply

Your email address will not be published. Required fields are marked *