<Script Src= Jquery-1.3.2.Min.Js </Script>
<html>
<head>
<script src="jquery-1.3.2.min.js"</script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("sensor.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('sensor.php?randval='+ Math.random());
}, 1000);
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"<style type="text/css">
</style</head>
<body>
<table width="100%> border="1">
<tr
<th scope="row"<img src="mercubuana.png" width="320" height="400"</th
</tr
<tr
<th scope="row"<div align="center" id="responsecontainer">
</div<H1>Monitoring Alat</h1>
</th
</tr
</table>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Monitoring Sensor</title>
</head>
<body>
<?php
//Membaca data dari hasil server sensor datasensor.txt
$myFile = "datasensor.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
//memfilter data dari hasil pembacaan
$sensor1 = substr($theData,19,2);
$sensor2 = substr($theData,30,2);
$jms1 = substr($theData,39,2);
$jms2 = substr($theData,48,2);
fclose($fh);
//echo $theData."<br>";
//echo $sensor1."<br>";
//echo $sensor2."<br>";
//echo $jms1."<br>";
//echo $jms2."<br>";
?>
<?php
//echo date("d-m-Y H:i:s")."<br>";
// echo date("d-m-Y")."<br>";
// echo date("HH:ii:ss");
//menampilkan jam
$tgl = date("d-m-Y");
$jam = date("H:i:s");
//menampilkan jam
?>
<table width="539" height="134" border="0" cellpadding="1" cellspacing="10">
<tr
<?php
//menampilkan warna dari hasil data server
//jika $sensor1 = 1 maka warna tx1 hijau
//jika $sensor1 = 2 maka warna tx1 kuning
//jika $sensor1 = 0 maka warna tx1 merah
?>
<?php if( $sensor1 == 1){ ?>
<td width="263" height="82" bgcolor="#33FF00"<a href="s1.php" target="_blank" <div align="center"<h1>TX 1</h1> </div</a</td>
<?php
$nilai1 = 1;
?>
<?php } ?>
<?php if( $sensor1 == 2){ ?>
<td width="263" height="82" bgcolor="#FFFF00" <a href="s1.php" target="_blank" <div align="center"<h1>TX 1</h1> </div</a</td>
<?php
$nilai1 = 1;
?>
<?php } ?>
<?php if( $sensor1 == 0){ ?>
<td width="263" height="82" bgcolor="#FF0000"<a href="s1.php" target="_blank" <div align="center"<h1>TX 1</h1</div</a</td>
<?php
$nilai1 = 0;
?>
<?php }
$arrdata = array($tgl, $jam, $nilai1);
$fp = fopen('sensor1.csv', 'a+');
$tulis = fputcsv($fp, $arrdata);
?>
<?php if($sensor2== 1){ ?>
<td width="260" bgcolor="#33FF00"<a href="s2.php" target="_blank" <div align="center"<h1>TX 2</h1</div</a</td>
<?php
$nilai2 = 1;
?>
<?php } ?>
<?php if($sensor2== 2){ ?>
<td width="260" bgcolor="#FFFF00"<a href="s2.php" target="_blank" <div align="center"<h1>TX 2</h1</div</a</td>
<?php
$nilai2 = 1;
?>
<?php } ?>
<?php if($sensor2== 0){ ?>
<td width="260" bgcolor="#FF0000"<a href="s2.php" target="_blank" <div align="center"<h1>TX 2</h1</div</a</td>
<?php
$nilai2 = 0;
?>
<?php }
$arrdata = array($tgl, $jam, $nilai2);
$fp = fopen('sensor2.csv', 'a+');
$tulis = fputcsv($fp, $arrdata);
?>
</tr
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Grafik Sensor 1</title>
</head>
<body>
<h1> Grafik Sensor 1 </h1>
<!-- prerequisites -->
<link rel="stylesheet" href="style.css" type="text/css">
<script src="amcharts.js" type="text/javascript"</script>
<script src="serial.js" type="text/javascript"</script>
<!-- cutom functions -->
<script>
AmCharts.loadJSON = function(url) {
// create the request
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
var request = new XMLHttpRequest();
} else {
// code for IE6, IE5
var request = new ActiveXObject('Microsoft.XMLHTTP');
}
// load it
// the last "false" parameter ensures that our code will wait before the
// data is loaded
request.open('GET', url, false);
request.send();
// parse adn return the output
return eval(request.responseText);
};
</script>
<!-- chart container -->
<div id="chartdiv" style="width: 600px; height: 300px;"</div>
<!-- the chart code -->
<script>
var chart;
// create chart
AmCharts.ready(function() {
// load the data
var chartData = AmCharts.loadJSON('d1.php');
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
//chart.pathToImages = "http://www.amcharts.com/lib/images/";
chart.dataProvider = chartData;
chart.categoryField = "category";
chart.dataDateFormat = "HH-MM-SS";
// GRAPHS
var graph1 = new AmCharts.AmGraph();
graph1.valueField = "value1";
graph1.bullet = "round";
graph1.bulletBorderColor = "#FFFFFF";
graph1.bulletBorderThickness = 2;
graph1.lineThickness = 2;
graph1.lineAlpha = 0.5;
chart.addGraph(graph1);
var graph2 = new AmCharts.AmGraph();
graph2.valueField = "value2";
graph2.bullet = "round";
graph2.bulletBorderColor = "#FFFFFF";
graph2.bulletBorderThickness = 2;
graph2.lineThickness = 2;
graph2.lineAlpha = 0.5;
chart.addGraph(graph2);
// CATEGORY AXIS
chart.categoryAxis.parseTimes = true;
// WRITE
chart.write("chartdiv");
});
</script>
br
<?php
//untuk download file csv
?>
<a href="sensor1.csv" target="_blank" > Download Data Sensor 1</a>
br
<?php
//hitung MTBF
set_time_limit(0);
//Hitung Waktu rusak
if (($handle = fopen("sensor1.csv", "r")) !== FALSE) {
$dat = 0;
$dat1 = 0;
$row = 0;
while (($data = fgetcsv($handle,10000, ",")) !== FALSE) {
if($dat == 0){
if ($data[2] == 0){
$row++;
$dat = 1;
$tglawal= $data[0];
$jamawal= $data[1];
}
}
if($dat1 == 0){
if ($data[2] == 1){
$row++;
$dat1 = 1;
$tglakhir= $data[0];
$jamakhir= $data[1];
}
}
} //end while
fclose($handle);
} //end if
//Hitung Jumlah rusak
$myFile = "datasensor.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
$sensor1 = substr($theData,19,2);
$sensor2 = substr($theData,30,2);
$jms1 = substr($theData,39,2);
$jms2 = substr($theData,48,2);
fclose($fh);
$waktu = 525600;
$mati = $row;
//$mtbf = $waktu / $mati;
echo "<BR>"."Rumus MTBF = Waktu Aktual (525600) / Jumlah Kerusakan (Saat Sensor Off)"."<br>";
@$tglwaktuawal = $tglawal.$jamawal;
@$tglwaktuakhir = $tglakhir.$jamakhir;
@$awalan = strtotime($tglwaktuawal);//mendapatkan waktu sekarang
@$akhiran = strtotime($tglwaktuakhir);//mendapatkan waktu kemarin
@$selisih=$akhiran-$awalan;//mendapatkan selisih waktu
@$hasil = $selisih/60;
@$jrusak;
//$jam = round((($selisih % 604800)%86400)/3600);//contoh selisih dalam jam
//echo "<br>".$jam;
@$mtbf = $waktu / $jms1;
@$mttr = $hasil / $jms1;
@$av = (($waktu - $hasil)/$waktu)*0.01;
?>
<h2>MTBF = <?php echo $mtbf; ?> </h2>
<?php echo "<BR>"."Rumus MTTR = Waktu Perbaikan / Jumlah Perbaikan"."<br>"; ?>
<h2>MTTR = <?php echo $mttr; ?> </h2>
<?php echo "<BR>"."Rumus Avialibility = ((Waktu Aktual - Waktu Rusak) / Waktu Aktual) x 100%"."<br>"; ?>
<h2>Avialability = <?php echo $av." %"; ?> </h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Grafik Sensor 2</title>
</head>
<body>
<h1> Grafik Sensor 2 </h1>
<!-- prerequisites -->
<link rel="stylesheet" href="style.css" type="text/css">
<script src="amcharts.js" type="text/javascript"</script>
<script src="serial.js" type="text/javascript"</script>
<!-- cutom functions -->
<script>
AmCharts.loadJSON = function(url) {
// create the request
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
var request = new XMLHttpRequest();
} else {
// code for IE6, IE5
var request = new ActiveXObject('Microsoft.XMLHTTP');
}
// load it
// the last "false" parameter ensures that our code will wait before the
// data is loaded
request.open('GET', url, false);
request.send();
// parse adn return the output
return eval(request.responseText);
};
</script>
<!-- chart container -->
<div id="chartdiv" style="width: 600px; height: 300px;"</div>
<!-- the chart code -->
<script>
var chart;
// create chart
AmCharts.ready(function() {
// load the data
var chartData = AmCharts.loadJSON('d2.php');
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
//chart.pathToImages = "http://www.amcharts.com/lib/images/";
chart.dataProvider = chartData;
chart.categoryField = "category";
chart.dataDateFormat = "HH-MM-SS";
// GRAPHS
var graph1 = new AmCharts.AmGraph();
graph1.valueField = "value1";
graph1.bullet = "round";
graph1.bulletBorderColor = "#FFFFFF";
graph1.bulletBorderThickness = 2;
graph1.lineThickness = 2;
graph1.lineAlpha = 0.5;
chart.addGraph(graph1);
var graph2 = new AmCharts.AmGraph();
graph2.valueField = "value2";
graph2.bullet = "round";
graph2.bulletBorderColor = "#FFFFFF";
graph2.bulletBorderThickness = 2;
graph2.lineThickness = 2;
graph2.lineAlpha = 0.5;
chart.addGraph(graph2);
// CATEGORY AXIS
chart.categoryAxis.parseTimes = true;
// WRITE
chart.write("chartdiv");
});
</script>
br
<a href="sensor2.csv" target="_parent" > Download Data Sensor 2</a>
br
<?php
//hitung MTBF
set_time_limit(0);
//Hitung Waktu rusak
if (($handle = fopen("sensor2.csv", "r")) !== FALSE) {
$dat = 0;
$dat1 = 0;
$row = 0;
while (($data = fgetcsv($handle,10000, ",")) !== FALSE) {
if($dat == 0){
if ($data[2] == 0){
$row++;
$dat = 1;
$tglawal= $data[0];
$jamawal= $data[1];
}
}
if($dat1 == 0){
if ($data[2] == 1){
$row++;
$dat1 = 1;
$tglakhir= $data[0];
$jamakhir= $data[1];
}
}
} //end while
fclose($handle);
} //end if
//Hitung Jumlah rusak
$myFile = "datasensor.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
$sensor1 = substr($theData,19,2);
$sensor2 = substr($theData,30,2);
$jms1 = substr($theData,39,2);
$jms2 = substr($theData,48,2);
fclose($fh);
$waktu = 525600;
$mati = $row;
//$mtbf = $waktu / $mati;
echo "<BR>"."Rumus MTBF = Waktu Aktual (525600) / Jumlah Kerusakan (Saat Sensor Off)"."<br>";
@$tglwaktuawal = $tglawal.$jamawal;
@$tglwaktuakhir = $tglakhir.$jamakhir;
@$awalan = strtotime($tglwaktuawal);//mendapatkan waktu sekarang
@$akhiran = strtotime($tglwaktuakhir);//mendapatkan waktu kemarin
@$selisih=$akhiran-$awalan;//mendapatkan selisih waktu
@$hasil = $selisih/60;
@$jrusak;
//$jam = round((($selisih % 604800)%86400)/3600);//contoh selisih dalam jam
//echo "<br>".$jam;
@$mtbf = $waktu / $jms2;
@$mttr = $hasil / $jms2;
@$av = (($waktu - $hasil)/$waktu)*0.01;
?>
<h2>MTBF = <?php echo $mtbf; ?> </h2>
<?php echo "<BR>"."Rumus MTTR = Waktu Perbaikan / Jumlah Perbaikan"."<br>"; ?>
<h2>MTTR = <?php echo $mttr; ?> </h2>
<?php echo "<BR>"."Rumus Avialibility = ((Waktu Aktual - Waktu Rusak) / Waktu Aktual) x 100%"."<br>"; ?>
<h2>Avialability = <?php echo $av." %"; ?> </h2>
</body>
</html>