<!DOCTYPE html>
<html>
<head>
<title>Monitoring Data Analog dari Internet</title>
<script type="text/javascript" src="https:// cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
</head>
<body>
<h3>Analog Value:</h3>
<h1 id="analog">0<sup>%</sup></h1>
<script type="text/javascript">
var api_key = 'API-KEY-ANDA';
var api_url = 'http:// api.geeknesia.com/api/attribute/Analog?api_key='+api_key;
setInterval(function(){
$.getJSON(api_url, null, function(respon){
var sensor = respon.output.attribute.Analog;
var percent = (sensor / 1024) * 100;
$("#analog").html(percent + "<sup>%</sup>");
});
}, 1000); // update nilai per 1000 milisecond / 1 detik
</script>
</body>
</html>
PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTx0aXRsZT5Nb25pdG9yaW5nIERhdGEgQW5hbG9nIGRhcmkgSW50ZXJuZXQ8L3RpdGxlPgoJPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iaHR0cHM6Ly8gY2RuanMuY2xvdWRmbGFyZS5jb20vYWpheC9saWJzL2pxdWVyeS8yLjIuMS9qcXVlcnkubWluLmpzIj48L3NjcmlwdD4KPC9oZWFkPgo8Ym9keT4KCTxoMz5BbmFsb2cgVmFsdWU6PC9oMz4KCTxoMSBpZD0iYW5hbG9nIj4wPHN1cD4lPC9zdXA+PC9oMT4KCTxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KCQl2YXIgYXBpX2tleSA9ICdBUEktS0VZLUFOREEnOwoJCXZhciBhcGlfdXJsID0gJ2h0dHA6Ly8gYXBpLmdlZWtuZXNpYS5jb20vYXBpL2F0dHJpYnV0ZS9BbmFsb2c/YXBpX2tleT0nK2FwaV9rZXk7CgkJc2V0SW50ZXJ2YWwoZnVuY3Rpb24oKXsKCSAgICAJJC5nZXRKU09OKGFwaV91cmwsIG51bGwsIGZ1bmN0aW9uKHJlc3Bvbil7CgkgICAgCQl2YXIgc2Vuc29yICA9IHJlc3Bvbi5vdXRwdXQuYXR0cmlidXRlLkFuYWxvZzsKCSAgICAJCXZhciBwZXJjZW50ID0gKHNlbnNvciAvIDEwMjQpICogMTAwOwoJICAgIAkJJCgiI2FuYWxvZyIpLmh0bWwocGVyY2VudCArICI8c3VwPiU8L3N1cD4iKTsKCSAgICAJfSk7CgkJfSwgMTAwMCk7IC8vIHVwZGF0ZSBuaWxhaSBwZXIgMTAwMCBtaWxpc2Vjb25kIC8gMSBkZXRpawoJPC9zY3JpcHQ+CjwvYm9keT4KPC9odG1sPg==