The initial goal of MoSKito Control is to provide full control to all aspects of a WebApplication through one tool. So, WebApp's user interface is handcrafted to become a universal monitoring station with maximum convenience for the user.
How It Works
Every application, watched by MoSKito Control, consists of monitored components. The app state is determined by the health of its components.
Widgets display essential components' info: health status, performance charts and history of changes).
- For filtering purposes, components fall under different categories or may be shown/hidden on the basis of their current status (statistics).
How It Feels
The interface feels like a console, filled with leds (light bulbs) that change colors. Every led is an application component, its color is a certain health state, from green (good) to purple (bad-bad-bad).
Thus, you see the upcoming problems at once and that gives you enough time to deal with them before they hit your application and bring it down.
In this context, the applications are web applications, monitored by MoSKito Control.
MoSKito Control can monitor multiple applications at a time. Apps are presented as tabs at the top of WebApp.
|Click the needed application tab.|
Application tabs also change colors, following the worst available component. For example, when all components are green and only one is yellow, the application tab becomes purple, too.
Components are functional parts (like methods in the application's code), services or other application areas, monitored by MoSKito Control Agents.
Display additional info
|Move cursor over component.|
|Click the component and drag it to a new position. |
Categories unite related components.
This relation may be based on functionality, working principles, architectural similarity and so on.
Categories are used for filtering. They allow displaying those application components you're currently interested in.
Display components within category
Click All Categories to display all available components, in all categories.
Widgets display basic and additional info, related to your application performance.
Click a widget in WIDGET section.
An active widget is highlighted with blue.
Click an active widget in WIDGET section.
An inactive widget loses its highlighting.
Status widget displays all available application components and their health state.
This widget is the most basic and important.
Charts widget displays component's performance history as a chart.
The chart itself is an X-Y axis (with performance figures on X and timestamp on Y), the curve is a component's performance.
Display additional info tips on chart
When a cursor hits the curve, a tip with additional info appears.
Pinpoint additional info tip: click the needed curve point.
In case a chart contains multiple curves (each corresponding to a component), you may need to highlight one to visually separate it from others.
Highlight curve on chart
When a cursor hits the curve name, the curve on the chart gets highlighted.
Lock curve highlighting: click the needed curve name in the Legend section
History widget lists status changes for all components.
|Column Name||Timestamp||Name||Status change|
Exact time when status changed
|Component name||Previous status -> New status|
Statistics section unites components with the same current status.
Statistics section is used for filtering. It allows displaying the application components that currently share one status (like all green, yellow, red or purple ones).
Display components with the same current status
As a result, all components with selected status will be displayed.
Info about the last refresh is available on the Toolbar below Application Tabs section.
Currently, AutoReload feature is under development!
Make sure you refresh the browser page manually to have the last updated info.
|Feature||What the feature does?|
|AutoReload||Refreshes the browser with WebApp's page, so you don't need to do refreshing manually.|
|Chart Zoom||After clicking,|