The task was to create an application similar to a support system with live chat, using only HTML and JavaScript. The main purpose was that the website's users could seek help by accessing the live chat.
Application Development
I coded the application entirely in Perl, and used JavaScript for the client side scripting. This application consisted of three parts:
Administration Panel
Here the administrator could change the webchat settings and add new staff members that would be allowed to start chat sessions with the users seeking help.
I also implemented a quick answer feature, which consisted on easy buttons the staff members could click, and a preformatted answer would be sent to the users. From the administration panel you can add, edit and delete any preformatted answers.

Staff Panel
The staff members had their own administration. From their panel they were able to set their status to 'logged in' or 'logged out'.
Once logged in, any staff member can view the awaiting users and be able to click the link to start a chat session with the one they choose.

When a staff member started a chat session with a user, that user was unavailable for all the other staff members.

The staff members had an advanced chat panel embedded with a basic text styler and some extra useful tools like quick answers and some links often used by them to provide further information:

User Panel
The users entered a page with a brief and succinct explanation on how the chat works. To enter the actual chat app, they just have to click on the proper link to access the launcher script.
On turn, the launcher script is a JavaScript that checks if there are any staff members currently connected and available. If there weren't any staff members, then it prompted the user warning them that currently all staff members are offline or unavailable.
When they were staff members available it launched the user's chat panel:

The client was very satisfied with the end result as it turned out to be very easy to use, both by his staff members and his users. View it in action
Of course, this app could be easily costumized if you are interested in a on-line support or help device for your customers or associates.
|