-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
10 lines (9 loc) · 20.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible> <title>stagemonitor</title> <link href="/stylesheets/all-a209f311.css" rel=stylesheet /><link href="/stylesheets/lightbox-5a82886d.css" rel=stylesheet /> <link rel="shortcut icon" href="favicon-8f3290ac.png"/> <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name=keywords content="open source application performance monitoring java web server application garbage collection throughput ehcache logging kibana grafana graphite response time dashboard metrics session sql query"> <meta name=description content="stagemonitor - an open source solution to application performance monitoring for java server applications"> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53233933-1', 'auto');
ga('send', 'pageview');
</script> </head> <body class=index> <header> <nav class="navbar navbar-inverse" role=navigation> <div class=container-fluid id=navfluid> <div class=navbar-header> <button type=button class=navbar-toggle data-toggle=collapse data-target="#navigationbar"> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a id=logo class="navbar-brand smoothscroll" href="#hero"><img alt=stagemonitor width=30px src="/images/logo-b2862ffb.png"></a> </div> <div class="collapse navbar-collapse" id=navigationbar> <ul class="nav navbar-nav"> <li><a class=smoothscroll href="#overview">Features</a></li> <li><a href="https://github.com/stagemonitor/stagemonitor/wiki">Documentation</a></li> </ul> <ul class="nav navbar-nav navbar-right header-social"> <li class=dropdown> <a href="#" id=languages class=dropdown-toggle data-toggle=dropdown role=button aria-expanded=false><i class="fa fa-globe"></i><span class=caret></span></a> <ul class=dropdown-menu styleClass=dropdown-menu-small role=menu> <li><a id=de href="/de" class=language> <img src="/images/germany-flag-square-icon-64-f0e66f2a.png" class=icon-small> Deutsch</a></li> <li><a id=en href="/" class=language> <img src="/images/united-kingdom-flag-square-icon-64-cea4e266.png" class=icon-small> English</a></li> </ul> </li> <li> <iframe allowtransparency=true class=github-btn frameborder=false height=20 scrolling=0 src="http://ghbtns.com/github-btn.html?user=stagemonitor&repo=stagemonitor&type=watch&count=true&size=small" title="Star on GitHub" width=104></iframe> </li> <li><a href="https://github.com/stagemonitor/stagemonitor"><i class="fa fa-github"></i></a></li> <li><a href="https://twitter.com/stagemonitor"><i class="fa fa-twitter"></i></a></li> <li><a href="https://github.com/stagemonitor/stagemonitor-mailinglist"><i class="fa fa-envelope"></i></a></li> </ul> </div> </div> </nav> </header> <section id=hero class=jumbotron> <div class=container id=hero-body> <div class=row> <div class="row hidden-xs"> <a href="https://github.com/stagemonitor/stagemonitor"> <img style="position: absolute; top: 54px; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"> </a> </div> </div> <div id=hero-content class=row> <div class=col-lg-12> <div class=hero-text> <img src="/images/stagemonitor-logo-light-big-83147f6a.png" class="img-responsive center-block"/> <br> <h2>make your application perform like a star</h2> <p>an open source solution to application performance monitoring for java server applications</p> </div> <div class=buttons> <a class="btn btn-success btn-lg" href="https://github.com/stagemonitor/stagemonitor">View on GitHub <i class="fa fa-github-alt"></i></a> <a class="btn btn-primary btn-lg" href="https://github.com/stagemonitor/stagemonitor/wiki/Installation">Get Started</a> </div> </div> </div> <div class="row bottom"> <p class=scrolldown> <a class="btn btn-circle page-scroll smoothscroll" href="#overview"> <i class="fa fa-angle-double-down"></i> </a> </p> </div> </div> </section> <section id=overview class=overview> <div class=container> <div class=row> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-user-secret big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Turn on private mode for your data</h2> <p>You can deploy stagemonitor on your own datacenter. Nothing will ever be sent to the outside world.</p> </div> </div> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-sitemap big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Distributed Tracing</h2> <p>Stagemonitor uses the <a href="http://opentracing.io/" target=_blank>Open Tracing</a> API in order to correlate requests in a distributed system.</p> </div> </div> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-refresh big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Brings Devs and Ops together</h2> <p>Stagemonitor is designed to be used in development, QA and production.</p> </div> </div> </div> <div class=row> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-bell-o big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Alerting</h2> <p>Define thresholds for your metrics. Manage subscriptions and alerting channels.</p> </div> </div> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-server big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Reliable</h2> <p>Stagemonitor is successfully used in production as well as development, providing valuable insights constantly whilst imposing very low overhead.</p> </div> </div> <div class=col-md-4> <div class=col-md-3> <i class="fa fa-puzzle-piece big-fa fa-5x"></i> </div> <div class=col-md-9> <h2>Extendable</h2> <p>Write your own plugins, use 3rd party plugins, track your own metrics and create or customize dashboards.</p> </div> </div> </div> </div> </section> <section id=features> <section id=in-browser-widget class=feature-overview> <div class=container> <div class=row> <div class=col-lg-2> <i class="fa fa-tasks big-fa fa-5x"></i> </div> <div class=col-lg-8> <h2>In Browser Widget</h2> <p class=feature-short-desc>No backend required - easy to set up - perfect fit for development</p> <p>Stagemonitor widget is a little stagemonitor icon, which is automatically injected in the monitored webpage (if activated). It offers to view the methods that were invoked during the request and notifies based on configurable thresholds, if the request was too slow or too many SQL statements were executed. <br><br> The widget supports the developer through instant feedback about poorly performing parts of the application.</p> </div> <div class=col-lg-2> <a class="btn btn-lg btn-primary live-demo" target=_blank href="http://stagemonitor-demo.isys-software.de/">Live Demo</a> </div> </div> </div> </section> <section class="features content"> <div class=container> <div class="row featurette"> <div class="col-md-6 pull-right"> <h3 class=featurette-heading>Real Time Metrics</h3> <p>The Metrics tab displays metrics collected by stagemonitor in tables and graphs in real time. It is lightweight and easy to use as it does not require you to install a database or other visualization tools.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/widget-metrics-tab-2928454d.png" class=img-responsive data-imagelightbox=a> <img src="/images/widget-metrics-tab-2928454d.png" alt="Widget Metrics Tab"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 "> <h3 class=featurette-heading>Call Tree View</h3> <p>This tab displays the method call tree of the current request including SQL statements to identify the bottlenecks of a request. The method call tree is collected by stagemonitor's low overhead profiler.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/widget-call-tree-c778a9d9.png" class=img-responsive data-imagelightbox=a> <img src="/images/widget-call-tree-c778a9d9.png" alt="Call Tree View"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 pull-right"> <h3 class=featurette-heading>Request Trace</h3> <p>In this tab you can find detailed information about the request. This includes a breakdown of the page load time into network, server processing, DOM processing and page rendering time.<br><br> You can also see the execution time and count of database interactions.<br> Furthermore you can analyze the HTTP headers and find information about the device, browser and operating system the request was issued from.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/widget-request-trace-977c2b24.png" class=img-responsive data-imagelightbox=a> <img src="/images/widget-request-trace-977c2b24.png" alt="Request Trace"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 "> <h3 class=featurette-heading>Configuration Management done right</h3> <p>The stagemonitor widget includes a configuration tab in which you can reload and dynamically update stagemonitor's configuration and view the available configuration sources.<br><br> For each configuration option, you can view documentation, find out about the configuration source of the current value, see validation errors and save a new value to an arbitrary configuration source.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/widget-configuration-1d36641e.png" class=img-responsive data-imagelightbox=a> <img src="/images/widget-configuration-1d36641e.png" alt="Configuration Management"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> </div> </section> <section id=analyze-requests class=feature-overview> <div class=container> <div class=row> <div class=col-lg-2> <i class="fa fa-bar-chart-o big-fa fa-5x"></i> </div> <div class=col-lg-8> <h2>Analyze Requests</h2> <p class=feature-short-desc>analyze errors in production/web analytics</p> <p>Stagemonitor includes a <a href="http://www.elasticsearch.org/overview/kibana/">Kibana</a> dashboard that can be used to get detailed information about incoming requests. You don't need to set up logstash or parse any logs for that.<br><br> You want to know what the most common source of errors is, what the series of requests that lead to an error looked like or why a request was slow? This dashboard will give you the answers.</p> </div> <div class=col-lg-2> <a class="btn btn-lg btn-primary live-demo" target=_blank href="https://github.com/stagemonitor/stagemonitor/wiki/Request-Analysis-Dashboard">More Info</a> </div> </div> </div> </section> <section class="features content"> <div class=container> <div class="row featurette"> <div class="col-md-6 pull-right"> <h3 class=featurette-heading>Powerful querying and filtering capabilities</h3> <p>Filter requests by queries or by selecting charts. You could use the query section to get details about requests that caused errors or were slow.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/stagemonitor-kibana-filter-82ebfe6d.png" class=img-responsive data-imagelightbox=a> <img src="/images/stagemonitor-kibana-filter-82ebfe6d.png" alt="Filter Requests"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 "> <h3 class=featurette-heading>Detailed Request Traces</h3> <p>In this section, you can find out about the root cause of slow or failed requests by analyzing stack traces of exceptions, request headers and parameters. The request details also include information about the user's login name, ip, browser and operating system. <br><br> You can even analyze the method call tree including sql statements and parameters to identify what caused a request to be slow. The method call tree is collected by stagemonitor's low overhead profiler.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/stagemonitor-kibana-details-a29e7811.png" class=img-responsive data-imagelightbox=a> <img src="/images/stagemonitor-kibana-details-a29e7811.png" alt="Request Details"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> </div> </section> <section id=grafana-dashboards class=feature-overview> <div class=container> <div class=row> <div class=col-lg-2> <i class="fa fa-line-chart big-fa fa-5x"></i> </div> <div class=col-lg-8> <h2>Cluster Monitoring</h2> <p class=feature-short-desc>metrics of your whole cluster - perfect fit for operations</p> <p>The stagemonitor monitoring agent tightly integrates with time series databases like Elasticsearch, Graphite and InfluxDB to store a long history of datapoints. Stagemonitor includes preconfigured Grafana dashboards that can be fully customized. <br><br> In order to monitor clustered environments thoroughly you are able to select data based on application, instance and host or aggregated visualisations. If you don't select a instance and a host, you get aggregated metrics.<br><br> Stagemonitor includes the awesome <a href="http://metrics.codahale.com/">Metrics</a> library. You can use it to <a href="https://github.com/stagemonitor/stagemonitor/wiki/Track-your-own-metrics">track additional metrics</a> - either programmatically or declaratively by adding annotations.</p> </div> <div class=col-lg-2> <a class="btn btn-lg btn-primary live-demo" target=_blank href="https://github.com/stagemonitor/stagemonitor/wiki/Dashboards">More Info</a> </div> </div> </div> </section> <section class="features content"> <div class=container> <div class="row featurette"> <div class="col-md-6 pull-right"> <h3 class=featurette-heading>Request Dashboard</h3> <p>The request dashboard gives you information about the statistical distribution of your response times, the throughput and error rate. <br><br> Requests are grouped by use cases, in order to identify e.g. the use cases with the highest response times. Groupings are automatically detected if you are using popular frameworks like Spring MVC or JAX-RS. Other technologies are supported as well by manual configurations. <br><br> In addition to statistics for HTTP requests, you can analyse JDBC queries, AJAX requests, page load times and others.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/dashboard-request-65c14245.png" class=img-responsive data-imagelightbox=a> <img src="/images/dashboard-request-65c14245.png" alt="Request Dashboard"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 "> <h3 class=featurette-heading>JVM Dashboard</h3> <p>Get information about the heap utilisation, garbage collection behaviour and CPU utilisation.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/dashboard-memory-e051c90a.png" class=img-responsive data-imagelightbox=a> <img src="/images/dashboard-memory-e051c90a.png" alt="JVM Memory Dashboard"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 pull-right"> <h3 class=featurette-heading>EhCache Metrics</h3> <p>Information about the hit-rate, cache size (in bytes), get performance, throughput and expiries of all caches.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/dashboard-ehcache-ea211ee8.png" class=img-responsive data-imagelightbox=a> <img src="/images/dashboard-ehcache-ea211ee8.png" alt="EhCache Dashboard"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> <hr class=featurette-divider> <div class="row featurette"> <div class="col-md-6 "> <h3 class=featurette-heading>Server Metrics</h3> <p>In this dashboard, you can get information about the Server Thread Pool usage, the number of concurrent sessions, the load of your hosts and the number of running servers.</p> </div> <div class=col-md-6> <div class="columns item"> <div class=item-wrap> <a href="/images/dashboard-server-1134fea9.png" class=img-responsive data-imagelightbox=a> <img src="/images/dashboard-server-1134fea9.png" alt="Server Dashboard"> <div class=overlay></div> <div class=link-icon><i class="fa fa-plus"></i></div> </a> </div> </div> </div> </div> </div> </section> </section> <section id=team style="display: none"> <div class=container> <div class=row> <div class="col-lg-12 text-center"> <h2 class=section-heading>Developed By</h2> </div> </div> <div class="row center"> <div class=col-sm-3> </div> <div class=col-sm-3> <div class=team-member> <img src="/images/liebhaeuser-8d7eb0c5.jpg" class="img-responsive img-circle" alt=""> <h4>Andreas Liebhäuser</h4> <p class=text-muted>Project Lead</p> <ul class="list-inline social-buttons"> <li><a href="https://github.com/liebhaeuser"><i class="fa fa-github"></i></a> </li> </ul> </div> </div> <div class=col-sm-3> </div> </div> <div class=row> <div class="col-lg-12 text-center"> <h3 class="section-subheading text-muted"> <a href="https://github.com/stagemonitor/stagemonitor/network/members">Join the team.</a></h3> </div> </div> </div> </section> <footer> <div class=container> <div class=row> <div class=col-lg-6> <div class=footer-logo> <a href="#"> <img src="/images/footer-logo2-90a5c093.png" alt="stagemonitor logo" class=img-responsive /> </a> </div> <p>make your application perform like a star</p> <p class=copyright> © <script>document.write(new Date().getFullYear());</script> <a href="https://www.isys.de">iSYS Software GmbH</a> | Design by <a title=Styleshout href="http://www.styleshout.com/">Styleshout</a> </p> <div> <style>#openapmbadge:hover {transform: scale(1.05)}
</style> <div id=openapmbadge style="display: flex; justify-content: left; flex-wrap: wrap; margin: 1rem 0 1rem;"> <a href="https://openapm.io/landscape?agent=stagemonitor-agent&storage=elasticsearch&dashboarding=kibana,grafana&alerting=stagemonitor-browserwidget&visualization=stagemonitor-browserwidget" target=_blank> <img src="https://openapm.io/static/media/openapm_logo.svg" alt=OpenAPM style="width: 8rem; align-self: center; margin: 0 0.5rem 0;"> </a> <div style="display: inline-block; align-self: center; text-align: left;"> <a href="https://openapm.io/landscape?agent=stagemonitor-agent&storage=elasticsearch&dashboarding=kibana,grafana&alerting=stagemonitor-browserwidget&visualization=stagemonitor-browserwidget" target=_blank style="color: inherit; text-decoration: none;"> <strong style="font-size: 1.8rem;"> Our project enriches the<br/> OpenAPM Landscape! </strong> </a> </div> </div> </div> </div> <div class="col-lg-2 socialize"> <i class="fa fa-users"></i> <h3 class=social>socialize</h3> <ul> <li><a href="https://github.com/stagemonitor/stagemonitor">GitHub</a></li> <li><a href="https://twitter.com/stagemonitor">Twitter</a></li> <li><a href="https://www.xing.com/profile/Andreas_Liebhaeuser">XING</a></li> <li><a href="https://github.com/stagemonitor/stagemonitor-mailinglist">Mailing List</a></li> </ul> </div> <div class="col-lg-3 socialize"> <i class="fa fa-envelope"></i> <h3 class=contact>contact us</h3> <ul> <li><a href="mailto:[email protected]">[email protected]</a></li> </ul> </div> <div id=go-top> <a class=smoothscroll title="Back to Top" href="#hero"><i class="fa fa-angle-up fa-4x"></i></a> </div> </div> </div> </footer> <script src="/javascripts/all-5aece447.js"></script> </body> </html>