<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>