What is the Customer Service Monitor?
The Customer Service Monitor can be used to keep an updating view of all your Network Management System (NMS) graphs across many different systems such as OpenNMS, Cacti, and Ubersmith. However, it will work with virtually any system that produces updating source images, or uses Unix timestamps to generate graph images automatically.
This application is developed with the HTML5 development application Construct 2, and can work in most new browsers without any additional software required. It is recommended to use Mozilla Firefox or Google Chrome as this does not work in Internet Explorer.
Currently the program is in public beta testing, so it does not have all the features or interface options as the final version will. We are happy to hear your feature suggestions for future revisions.
To start using our application, go to http://www.juch-tech.com/csmonitor/
How do I use it?
Before starting, install a plugin for automatically refreshing a browser tab. This is because our system does not currently handle logging into the NMS systems, and some will logout automatically if they have no activity from the browser.
- Open your NMS systems in other tabs and log into them, your data is not transmitted by our application at any point in time. Use an automatic refresh plugin if your NMS has login timeouts.
- Open the web application in another tab http://www.juch-tech.com/csmonitor/
- Copy the graph image URLs from your NMS into a graph Grid URL space and, if needed, replace the first Unix timestamp with token *stamp1* and the second with *stamp2*, you can also set a title and then click “Save grid”.
- After all graphs are entered, click “Start App” to view the graphs. These will be stored in your browser for next time unless your cache is cleared.
- To share graph data, click “Export” to produce a string of all the graph data ready to copy into other browsers and computers. To import this data, paste it into the Import/Export box and click the “Import” button.
You can move the mouse to the bottom of the screen to change the current page (currently there can be up to 4 pages of separate graphs), change graph time duration, or click a graph to pull up the bottom menu and edit its URL or title.
Holding your mouse over buttons and fields will give a small tool-tip for additional information.
Sample Import Data
To quickly test the app, download the sample data text file from here: CSMonitor_SampleData.txt
Import the entire string of text into the web application and start it to begin viewing the three sources (demo.opennms.org, Google stock graphs, and a live webcam view of Toronto updated every minute). The second and third images should load automatically.
To view the first (OpenNMS) graph, make sure to login to the demonstration account (username & password: demo) on their login page http://demo.opennms.org/opennms/login.jsp. Have this tab automatically reload.
Some live images are cached in the browser, such as the Toronto webcam view. This will need to be opened in another tab and set to automatically refresh as well to clear the browser cache.
Update: As of the 26th of August 2012, you can now use OneClick URL export and import to pre-configure the app with up to two pages of graphs. Click here to try this with the sample data!
Frequently Asked QuestionsCan I use this in my data center?
Yes! We’ve designed this software to easily and securely merge with your NMS systems to allow for monitoring all of your customer services. We’re actively developing it and updating with new features so if you have any suggestions please e-mail us with them!
Is Customer Service Monitor secure?
Yes! All data is handled by your web browser, so no information is transmitted over the public Internet back to this application. All stored data is also stored in your browser cache, so you will be the only one who can see this data while using our application.
Can I use this for non-NMS monitoring?
Yes! Any website with updating image URLs can be monitored from our system (for example, Google’s Stock Market images). Even an online webcam stream can be pulled into this system providing it outputs to an automatically recreated image URL.
Can I run this application in multiple browser windows/tabs?
Yes, however depending on your browser you also need an active login to the NMS systems in each browser window. As such, you’ll need to open and refresh your NMS pages in tabs along with the application on each browser window. Remember to export the current data or generate a OneClick URL when using separate browsers (eg: Chrome migration to Firefox).
Can I change the graph refresh time?
Yes! This was added in the update released the 16th of August 2012. Use the new “Up” and “Down” buttons in the HUD to change the time between graph refreshing between 1 second and 3600 seconds (one hour).
Can I use it on displays smaller than 1920x1080?
Yes! As of 26th August 2012 you can now start the app in Mini mode by clicking the button “Switch to Mini Mode” on the title screen, or by adding &mini=1 to the end of a OneClick URL (visit the sample area above for an example of a OneClick URL). Note this is aimed at 4:3 resolutions such as 1024×768, and only shows 6 graphs in a page. For viewing on smaller resolutions (eg: 480×320), use “Switch to Mobile Mode” instead to view pages of 2 graphs in read-only mode.
Can I use it on my phone?
Yes! As of 26th October 2012 you can now start the app in Mobile mode by clicking “Switch to Mobile Mode” on the title screen. However, a better method for starting this mode is to add &mini=1 to the end of a OneClick URL (visit the sample area above for an example of a OneClick URL). Note that this is aimed for phone resolutions of around 480×320, and only shows 2 graphs per page which are read-only.
I found a bug, who do I contact about it? / What are the known bugs?
E-mail email@example.com for further troubleshooting and support.
Here are a list of known bugs:
- More than two pages of graphs can not be used as a OneClick URL. In this case share regular export data instead
- Replaced the combo box with buttons, graph duration can now be changed on both Firefox and Google Chrome
- Added Mobile mode, 2 graphs per page & designed for 480×320 or similar resolutions
- Added Mini mode, 6 graphs per page & designed for 1024×768 or similar resolutions
- Added OneClick URL exporting, an easy URL to pre-configure and start the graph monitor, add &mini=1 to the end of the URL to start in mini mode
- Added settings for graph refresh time
- Minor UI changes, removed buttons used for debugging
- First beta version of Customer Service Monitor released publicly