Commit 20ccb9d1 authored by Olav Kvittem's avatar Olav Kvittem

web frontend for måer

parents
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no">
<head>
<title>Målepåle: gibbon.uninett.no</title>
<meta http-equiv="Content-Language" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="all" href="/style/mp-style.css" />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
var mp_url="https://kind.uninett.no/autoregister/utstyr_mp.json";
function make_select( elm, url){
// var html='<button id=traceroute onclick="traceroute( $(\'#tr_host\').val(), $(\'#tr_times\').val(), $(\'#tr_size\').val(), $(\'#tr_interval\').val() )">Trace route</button> to ';
var html='';
// commented code is to produce a select_menu rather than jquery ui autocomplete
html+= '<form name="traceroute_form" id="traceroute_form">';
html+= '<select name="mp_opt" id="mp_opt" onChange="top.location.href = this.form.mp_opt.options[this.form.mp_opt.selectedIndex].value;return false;">';
html+= '<option value="">Velg Målepåle</option>';
var items=[];
var request=$.ajax( {url: url, type: 'GET', dataType: 'json', crossDomain: true } );
request.done( function( mps){
// console.log(mps);
$.each(mps, function(mp) {
html+='<option value="http://' + mps[mp].navn + '">' + mps[mp].navn + '</option>';
});
document.getElementById(elm).innerHTML += html + '</select></form>';
});
request.fail( function( jqXHR, status, error){
console.log('Listing beacons faild from '+ url + ' : ' + status + ', ' + error);
});
/* var rq=$.JSONget(url, function(data){console.log(data)});
rq.fail( function( jqXHR, error){
console.log(error+ url);
});
*/
}
</script>
</head>
<body>
<!--
<div id="logo"><img src="images/UNINETT_logo_0613.jpg" alt="uninettlogo" /> Måletjenester</div>
<span align=right><a href=http://uninett.no><img src="images/UNINETT_logo_menu.jpg" alt="uninettlogo" /></a></span>
-->
<table border=0 width=100%><tr><td>
<ul id="menu">
<li><a href="/">Oversikt</a></li>
<li><a href="/yt">Yt</a></li>
<li><a href="/nettvei">Nettvei</a></li>
<li><a href="http://ntnu-mp.ntnu.no:7123">NDT</a></li>
<li><a href="http://mping.uninett.no/">MPing</a></li>
<li><a href="http://ntnu-mp.ntnu.no/matrix">Multicast beacon</a></li>
<li><a href="/appmon">AppMon</a></li>
<!--
<li><a href="http://fou1:8000/">Pathdiag</a></li>
<li><a href="/pathload">Pathload</a></li>
<li><a href="/pathdiag">Pathdiag</a></li>
<li><a href="/ssmping-lg">SSMPing Looking Glass</a></li>
-->
</ul>
<td>
</table>
<div id=logo> <a href=http://uninett.no><img src="images/UNINETT_logo_t.png" alt="uninettlogo" /></a></div>
<p>
<script>
document.write('<h1>Velkommen til målepålen ' + location.hostname + ' !</h1>');
</script>
<table border=0><tr><td>
<p class="info">
Her kan du teste din egen nett-forbindelse eller forbindelsen mot resten av verden,
eller finne statistikk for kvalitet på nettet mellom målepålene.
Målepålene står typisk nært utgangen til UNINETT hos en institusjon og kjører tester
seg i mellom over UNINETT og tilbyr også mulighet til å teste mot.
Se mer om <a href="http://www.uninett.no/malepale">målepålene</a>.
Merk at noen av tjenestene er lukket og krever innlogging).</p>
<td>
<!-- <img align=right src=/images/pil_gronn_t.png> -->
</table>
<div class="elements">
<h2>Tjenester mot denne målepålen</h2>
<table border=0 width=100%><tr><td>
<p><a href="/nettvei/">Nettvei</a> viser ruten trafikken tar fra målepålen mot deg.
<p><a href=/yt/>Yt</a> måler hvor fort du kan overføre data mellom deg og målepålen. Enkel og brukervennlig.
<p><a href="http://ntnu-mp.ntnu.no:7123">NDT</a> (Network Diagnostic Tool) måler ytelsen fra din klient mot målepålen - Er mer teknisk. </p>
<td align=right>
<img class=pila align=right src=/images/pil_bla_t.png>
</table>
<!--
<p><a href="http://fou1:8000/">Pathdiag</a> diagnostiserer nettverkstilkoblingen mellom din maskin og målepålen.</p>
<p><a href="#">Pathload</a> estimerer tilgjengelig båndbredde fra målepålen og til destinasjonen du spesifiserer.</p>
-->
<h2>Felles statistikker og andre målepåler</h2>
<table border=0><tr><td>
<table border=0><tr><td>
<p><a href=https://drift.uninett.no/kart/malepale>Kart</a> over andre målepåler eller
</td><td> <span id=tr_button></span>
<script>make_select( 'tr_button', mp_url );$("#busy").hide();</script>
<!-- <div id=busy><img src=ajax-loader.gif> Traceing route - please wait at least 'times*(1+every)' seconds.
</div> -->
</td>
</table>
<p><a href="http://mping.uninett.no">MPing</a> måler og presenterer toveis rundreisetider og pakketap mellom et konfigurerbart sett av maskiner.</p>
<p><a href="http://ntnu-mp.ntnu.no/matrix/">Multicast Beacon</a> baserer seg på multicast. Alle målepålene sender regelmessig pakker inn mot en felles multicastgruppe. Alle vil da også motta slike pakker fra alle andre. De registrerer tidsforsinkelsen og eventuelt tap av pakker. Resultatet av alle målingene blir presentert i en relativt oversiktlig matrise. Siden målingene baserer seg på multicast er den også egnet til å avdekke eventuelle multicast-problemer i forskningsnettet.</p>
<!--
<p><a href="#">ssmping</a> måler konnektiviteten til en fritt valgt målepåle. Du kan velge mellom å kjøre ssmping (Source-Specific Multicast Ping) og asmping (Any Source Multicast Ping).</p>
<p><a href="#">NEMU</a> analyserer trafikken som passerer målekortet med den hensikt å avdekke pågående polymorfe virusangrep. NEMU gjør dette ved å eksekvere hver transaksjon som om det var kjørbar kode, og se etter gjenkjennbar oppførse fra polymorf viruskode.</p>
-->
<p><a href="#">Appmon</a> analyserer trafikken som passerer målekortet og klassifiserer trafikk applikasjonsvis. Appmon er også i stand til å klassifisere applikasjoner som bruker varierende TCP/UDP-portnumre, og er i så måte overlegen netflow. Dataene er tilgjengelig via Stager, da avgrenset til de data du er autorisert til å se (eks. din målepåle).</p>
<p><a href="http://www.codefromthe70s.org/traceroute.aspx" target=traceroutev>Nettvei på kart</a> Viser på kart hvor ip-adressene langs ruten til målet er.
</p>
<p>
<a href=https://www.uninett.no/malepale-detaljer>Tilbake</a> til detaljert informasjon om UNINETTs målepåler.
</p>
<td>
<img align=right src=/images/pil_gronn_t.png>
</table>
</div>
<div id="footer">
<a href="mailto:nav-support@uninett.no">nav-support@uninett.no</a>
<span>2013-09-24</span>
</div>
</body>
</html>
This diff is collapsed.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
type: 'area'
},
title: {
text: 'US and USSR nuclear stockpiles'
},
subtitle: {
text: 'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">'+
'thebulletin.metapress.com</a>'
},
xAxis: {
labels: {
formatter: function() {
return this.value; // clean, unformatted number for year
}
}
},
yAxis: {
title: {
text: 'Nuclear weapon states'
},
labels: {
formatter: function() {
return this.value / 1000 +'k';
}
}
},
tooltip: {
pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
},
plotOptions: {
area: {
pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: 'USA',
data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ]
}, {
name: 'USSR/Russia',
data: [null, null, null, null, null, null, null , null , null ,null,
5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
21000, 20000, 19000, 18000, 18000, 17000, 16000]
}]
});
});
</script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/exporting.js"></script>