<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, minimum-scale=0.5, user-scalable=yes, maximum-scale=2.0, target-densitydpi=device-dpi" />
				<meta name="robots" content="all"/>
        <meta name="description" content="description">
        <meta name="keywords" content="">
        <title>Page 10 - OSHE-Magazine19</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
  
#container {margin:50px auto;padding:0px;width:910px;}
#left-button{ width:90px; height:100%;float:left }
#middle{ width:730px; margin:0px; float: left;}
#right-button{ width:90px; float:left;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, dd,select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; displayblock}
span,ul,li,image{ padding:0px; margin:0px; list-style:none;}
#top-title{ width:714px; margin-bottom:10px; float:left; padding:0px 8px}
#top-title2{ width:320px;  float:right;}
#content{ width: 730px; float:left;float:left;word-wrap: break-word;}
#content-top{ width:730px; background-image:url(images/top_bg.jpg); height:56px; background-repeat:no-repeat; float:left;}
#content-top1{ width:70%; padding:16px 0px 0px 30px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#636363;float:left;}
#content-top2{ width:60px; float:right; padding:25px 30px 0px 0px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2f2f2f; font-weight:bold; text-align:right}
#content-middle{ width:730px; background-image:url(images/middle_bg.jpg); background-repeat:repeat-y;float:left;}
#content-middle1{ width:475px; padding:25px 0px 25px 35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:150%;float:left;}
#content-middle2{  padding:7px; float:right; margin:25px 35px 0px 0px; border:solid 1px #c8c8c9; background-color:#FFF; text-align:center}
#content-bottom{ width:730px; background-image:url(images/bottom_bg.jpg); background-repeat:no-repeat; height:58px;float:left;}
#content-bottom2{ width:110px; height:42px; margin:0px auto; padding-top:4px;}
#input{ width:58px; height:20px; background-color:#FFF; border:solid 1px #dfdfe0; color:#636363; text-align:center; font-size:11px;}
.font1{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#2f2f2f;}
.font1 a:link{
	text-decoration: none;
    color:#2f2f2f;

}
.font1 a:visited{
	text-decoration: none;
    color:#2f2f2f;
	
}
.font1 a:hover{
	color: #2f2f2f;
	text-decoration: underline;

}



.text-container {
padding: 20px;
color: #333;
margin-top: 24px;
line-height: 22px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.use-as-video {
float: right;
padding-left: 20px;
}
.cc-float-fix:before, .cc-float-fix:after {
content: "";
line-height: 0;
height: 0;
width: 0;
display: block;
visibility: hidden;
}
.use-as-video-img {
cursor: pointer;
position: relative;
width: 320px;
height: 180px;
}
.use-as-video-title {
font-size: 15px;
font-weight: bold;
color: #000000;
padding-bottom: 5px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/next2.png','images/previous2.png')">
<div id="container">
<div id="left-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page9.html"><img src="images/previous_big.png" width="90" height="80" /></a></p>
</div>
<div id="middle">
  <div id="top-title"><span class="font1">Basic HTML Version</span>
    <div id="top-title2">
      <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr>
        	<td width="66%"> </td>
          <td width="35%" style="display:none" align="right"><img src="images/content.png" width="19" height="16" /></td>
          <td width="31%" style="display:none" class="font1"><a href="">Table of Contents</a></td>
          <td width="6%"><img src="images/view.png" width="19" height="16" /></td>
          <td width="28%" class="font1"><a href="../../index.html#p=10">View Full Version</a></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="content">
     <div id="content-top">
        <div id="content-top1">Page 10 - OSHE-Magazine19</div>
        <div id="content-top2">P. 10</div>
     </div>
     <div id="content-middle">
     	
     	  <div class="text-container">
    <div class="use-as-video cc-float-fix">
      <a style="text-decoration: none;" href="../../index.html#p=10"><img src="../thumb/10.jpg" /></a>
    </div>

    <p class="use-as-video-title"></p>
    <pre style="white-space:pre-line"><code>เธเธฒเธฃเธเธฃเธฐเธขเธธเธเธ•เนเน เธเธเน เธฒเธเธเธญเธเน€เธ—เธเนเธเนเธฅเธขเธต IoT เธเธฑเธเธเธงเธฒเธกเธเธฅเธญเธ”เธ เธขเธฑ เนเธเนเธฃเธเธเธฒเธเธชเธฒเธกเธฒเธฃเธ–เนเธเธเน เนเธ”เนเน€เธเธเน 3 เธฃเธนเธเนเธเธเธเธทเธญ
	 1. เนเธชเธ”เธเธชเธ–เธฒเธเธเธฒเธฃเธ“เนเธ—๏ฟฝเธณเธเธฒเธเธเธญเธเน€เธเธฃเธทเนเธญเธเธเธฑเธเธฃเธซเธฃเธทเธญเธญเธธเธเธเธฃเธ“เนเธ—เนเธตเธญเนเธญเธเนเธซเธงเนเธฅเธฐเธกเธตเธเธงเธฒเธกเน€เธชเธตเนเธขเธเธ•เนเธญเธเธงเธฒเธก
เธเธฅเธญเธ”เธ เธขเธฑ เนเธเธฅเธเธฑ เธฉเธ“เธฐ เธเธฃเธฒเธเธญเธ“เธธ เธซเธ เธกเธน เธด เธเธงเธฒเธกเน€เธฃเธงเน เธฃเธญเธ เธเธฒเน เธฃเธเธฑ เธชเธต เธเธฒเน เธเธฃเธ”เธ”เธฒเน เธ เนเธชเธ”เธเธเธเธกเธญเธท เธ–เธญเธท เธเธเนเธถ เน€เธฃเธฒเธชเธฒเธกเธฒเธฃเธ–เธ•เธเธฑเน เธฃเธฐเธ”เธเธฑ
เธเธงเธฒเธกเน€เธชเธขเนเธต เธเนเธ”เธขเธเธฐเน€เธ•เธญเธท เธเน€เธเธเน เธฅเธเธฑ เธฉเธ“เธฐ Notification เธเธเธกเธญเธท เธ–เธญเธท เนเธ”เน เธซเธฃเธญเธท เธเธฐเนเธเธเน เธญเธฃเธ”เน IoT เน€เธเธเน Raspberry Pi เธซเธฃเธญเธท PC
เธเธญเธขเธเธฃเธฐเธกเธงเธฅเธเธญเน เธกเธฅเธน เธเธฒเธเธเธญเน เธกเธฅเธน เธ—เน€เธตเน เธเธฃเธญเนเธท เธเธเธเธฑ เธฃเธญเธเธธ เธเธฃเธ“เธ•เน เธฒเน เธเน เธชเธเน เธเธฒเน เธกเธฒเนเธฅเธงเน เธเธฃเธฐเน€เธกเธเธด เธเธงเธฒเธกเธเธฅเธญเธ”เธ เธขเธฑ เธเธงเธฒเธกเน€เธชเธขเนเธต เธเนเธฅเธฐ
เธ เธฒเธงเธฐเธงเธเธด เธคเธ•
	 2. เธชเนเธเธเธญเน เธกเธนเธฅเธเธเธธ เน€เธเธดเธ เน€เธเธเน เธเธกเนเธธ เธเธธเธเน€เธเธดเธ เธซเธฃเธทเธญ Smoke/ Gas Detector เนเธ”เธขเน€เธเธญเนเธท เธกเธ•เธญเน เธเธญเธฃเธ”เน IoT เธเธเธฑ เธเธธเนเธก
เธเธธเธเน€เธเธดเธเธเนเธฑเธเน เธซเธฃเธญเธท เน€เธเธญเธทเน เธกเธ•เธญเน เธเธเธฑ Alarm Bell / Buzzer เธซเธฃเธญเธท เธ•เธญเน เธเธฑเธเธชเธฑเธเธเธฒเธ“ Smoke Detector เนเธ”เธขเธเธญเธฃเนเธ”เธเธฐ
เธชเนเธเธเธญเน เธกเธนเธฅเธเธฒเธฃเธเธ”เธเธธเธกเน เธเธธเธเน€เธเธเธด เธเนเธฒเธเน€เธเธฃเธทเธญเธเธฒเน เธขเธชเนเธน MQTT broker เนเธฅเธฐ Broker เธเธฐเธชเนเธเธเนเธญเธกเธฅเธน เธ•เนเธญเนเธซเนเธเธฑเธเธกเธทเธญเธ–เธทเธญเธซเธฃเธญเธท PC
เธ—เธตเธฃเน เธญเธฃเธเธฑ เธเนเธฒเธงเธเธฒเธเธญเธเธธ เธเธฃเธ“เธ•เน เนเธฒเธเน เธญเธขเธนเน
	 3. เธชเธเนเธฑ เธเธฒเธฃเธเธฒเน เธเธเธญเธฃเธ”เน IoT เธซเธฃเธญเธท เธกเธญเธท เธ–เธญเธท / PC เธซเธฒเธเธเธญเธฃเธ”เน IoT เธกเธเธต เธฒเธฃเน€เธเธขเธต เธเนเธเธฃเนเธเธฃเธกเนเธซเน€เน เธเธฒเน เธฃเธฐเธงเธเธฑ เธซเธฃเธญเธท เธ•เธฃเธงเธเธเธเธฑ
เธชเธ–เธฒเธเธฐเธ—เนเธตเนเธกเนเธกเธฑเนเธเธเธ เธกเธตเธเธงเธฒเธกเน€เธชเธตเนเธขเธ เธซเธฃเธทเธญเธเธฃเธฐเธกเธงเธฅเธเธฅเธงเธดเน€เธเธฃเธฒเธฐเธซเนเนเธฅเนเธงเธเธงเธฃเนเธเนเธเธซเธฃเธทเธญเธเธฃเธฐเธ—๏ฟฝเธณเธญเธฐเนเธฃเธเธฒเธเธญเธขเนเธฒเธเน€เธเนเธทเธญเธเนเธญเธเธเธฑเธ
เธเธชเน เธฒเธกเธฒเธฃเธ–เน€เธเธขเธต เธเนเธเธฃเนเธเธฃเธกเนเธซเธเน เธญเธฃเธ”เน IoT เธเธเนเธฑ เธชเธเน เธชเธเธฑ เธเธฒเธ“เนเธเธเธฒเน เนเธเธขเธเธฑ เธญเธเธธ เธเธฃเธ“เธเน เธญเน เธเธเธเธฑ เธเธงเธฒเธกเธเธฅเธญเธ”เธ เธขเธฑ เน€เธเธเน Magnetic
Circuit Breaker / Emergency Valve / Siren System เธซเธฃเธญเธท เนเธกเนเน เธ•เธเน เธฒเธฃเธชเธเน เธเธญเน เธเธงเธฒเธกเนเธเธขเธเธฑ เธเธเนเธน เธเธเธด เธ•เธฑ เธเธด เธฒเธเนเธเธเธฅเธกเนเธธ
เธ—เธตเนเธ•เธฑเนเธเนเธงเน (Notification) เนเธฅเธฐเธซเธฒเธเน€เธเนเธเธกเธทเธญเธ–เธทเธญเธเนเธชเธฒเธกเธฒเธฃเธ–เธชเนเธฑเธเธเธฒเธฃเธเนเธฒเธเธซเธเนเธฒเธเธญ เนเธซเนเน€เธเธดเธ”-เธเธดเธ” เธซเธฃเธทเธญ เธฅเธ” เน€เธเธดเนเธก เธเธฃเธดเธกเธฒเธ“
เธ•เธฃเธเนเธเธขเธเธฑ เธญเธธเธเธเธฃเธ“เธเน เนเธฑเธเนเธ”เนเน€เธเธเน เธเธเธฑ (เธ—เธกเนเธต เธเธต เธฒเธฃเธ•เธ”เธด เธ•เธฑเธเน เธเธญเธฃเนเธ” IoTเน€เธเนเธญเธท เธกเธ•เนเธญเนเธง)เน
	
	 เนเธ”เธขเธชเธฃเธเธธ เน€เธ—เธเนเธเนเธฅเธขเธต IoT เธเธเนเธฑ เธญเธฒเธเธ”เน€เธน เธซเธกเธญเธท เธเธงเธฒเน เน€เธเธเน เน€เธ—เธเนเธเนเธฅเธขเธชเธต เธณ๏ฟฝ เธซเธฃเธเธฑ เธญเธเธธ เธเธฃเธ“เนเน เธ•เธฅเน เธฐเธเธเนเธด เธชเธเธฑเน เน€เธเธ”เธด -เธเธ”เธด เธซเธฃเธญเธท เธ”เธน
เธเธฒเน เน€เธเธเน เธญเธเธธ เธเธฃเธ“เนเน เธ เนเธ•เนเน เธเธชเธงเน เธเธ•เธงเธฑ เธเธญเธเธเน€เนเธน เธเธขเธต เธเธกเธญเธเธงเธฒเน เธเธฃเธฐเนเธขเธเธเธ—เน เนเนเธต เธ”เธเน เธฒเธเน€เธ—เธเนเธเนเธฅเธขเธต IoT เธเธเธฑเน เธซเธฒเธเน€เธฃเธฒเธเธฃเธฐเธขเธเธธ เธ•เธญเน เธขเธฒเน เธ
เน€เธซเธกเธฒเธฐเธชเธกเนเธฅเนเธงเธเธฐเน€เธเนเธเธเธฒเธฃเธ—๏ฟฝเธณเธเธฒเธเธชเธญเธ”เธเธฃเธฐเธชเธฒเธเนเธ”เนเน€เธเธดเธ”เธเธฃเธฐเธชเธดเธ—เธเธดเธ เธฒเธเนเธฅเธฐเธเธฃเธฐเธชเธดเธ—เธเธดเธเธฅเธเธฑเธเธฃเธฐเธเธเน€เธเธฃเนเธทเธญเธเธเธฑเธเธฃเนเธฅเธฐ
เธญเธเธธ เธเธฃเธ“เธ—เน เธกเธตเน เธฒเธเธฒเธเธซเธฅเธฒเธเธซเธฅเธฒเธขเนเธซเธฅเธเน เธเธเนเธน เธฅเธ•เธด เนเธฅเธฐเธกเธเธฑ เธกเธเธต เธงเธฒเธกเธเธเธฑ เธเธญเน เธเนเธเธเธฒเธฃเธเธฃเธซเธด เธฒเธฃเธเธ”เธฑ เธเธฒเธฃเน€เธเธฃเธฒเธฐเธกเธฒเธเธฒเธเธซเธฅเธฒเธขเธเธฃเธฉเธด เธ—เธฑ
เธซเธฅเธฒเธเธซเธฅเธฒเธขเธเธนเนเธฃเธฑเธเน€เธซเธกเธฒ เธเธถเนเธเธญเธฒเธเธกเธตเธเธฃเธฐเน€เธ”เนเธเธ”เนเธฒเธเธเธฒเธฃเธเธฃเธดเธซเธฒเธฃเธเธฑเธ”เธเธฒเธฃเนเธซเนเน€เธเธดเธ”เธเธฒเธฃเธเธนเธฃเธ“เธฒเธเธฒเธฃเธ”เนเธฒเธเธเธงเธฒเธกเธเธฅเธญเธ”เธ เธฑเธขเนเธ”เธข
เธฃเธงเธกเธช๏ฟฝเธณเธซเธฃเธเธฑ เนเธฃเธเธเธฒเธเธ—เธตเธกเน เธซเธต เธฅเธฒเธเธซเธฅเธฒเธขเน€เธเธฃเธทเนเธญเธเธเธเธฑ เธฃ เธซเธฅเธฒเธเธฃเธธเธเน เธเธญเธเน€เธเธฃเธญเนเธท เธเธเธฑเธเธฃ เธญเธฒเธขเธธเธเธญเธเน€เธเธฃเธญเนเธท เธเธเธฑเธเธฃ เธเธฒเธฃเธ๏ฟฝเธณเน€เธ—เธเนเธเนเธฅเธขเธต
IoT เธกเธฒเธเธฃเธฐเธขเธธเธเธ•เนเธเธฑเธเธเธฒเธเธเธงเธฒเธกเธเธฅเธญเธ”เธ เธฑเธขเธเนเธญเธฒเธเน€เธเนเธเธ—เธฒเธเน€เธฅเธทเธญเธเธ—เธตเนเธ๏ฟฝเธณเนเธเธชเธนเนเธเธฒเธฃเธชเธฃเนเธฒเธเธเธงเธฑเธ•เธเธฃเธฃเธกเธเธงเธฒเธกเธเธฅเธญเธ”เธ เธฑเธขเธเธญเธ
เนเธ•เนเธฅเธฐเนเธฃเธเธเธฒเธเธญเธขเธฒเน เธเน€เธซเธกเธฒเธฐเธชเธกเธ•เธฒเธกเธฅเธฑเธเธฉเธ“เธฐเธเธฒเธฃเธ—เธณ๏ฟฝ เธเธฒเธเนเธฅเธฐเธเธฃเธฐเธเธงเธเธเธฒเธฃเธเนเธเธถ เนเธ•เนเธฅเธฐเนเธฃเธเธเธฒเธเธกเน€เธต เธญเธเธฅเธเธฑ เธฉเธ“เธ—เน เนเธตเน เธ•เธเธ•เนเธฒเธ
เธเธฑเธเน€เธชเธกเธญ เนเธฅเธฐเธเธฒเธฃเนเธเน€เน เธ—เธเนเธเนเธฅเธขเธต IoT เธเธเธตเน เธฐเธเนเธญเธเธเนเธฒเธเธกเธตเธญเธดเธชเธฃเธฐเนเธเธเธฒเธฃเธเธฑเธ’เธเธฒเนเธกเธเน เธเธน เธ•เธดเธ”เธเธเธฑ เธเธฒเธฃเธ—เธณ๏ฟฝ เธเธฒเธเน€เธเธฃเธทเธญเน เธเธเธเธฑ เธฃเธซเธฃเธทเธญ
เธญเธเธธ เธเธฃเธ“เธ•เน เนเธฒเธเน เธเธญเธท เธชเธฒเธกเธฒเธฃเธ–เธกเธญเธเนเธ”เธงเน เนเธฒเน€เธเนเธ Sensor / Detector / Trigger เธ•เธฑเธงเธเธเธถ เน€เธ—เนเธฒเธเธฑเธเน

                                                 10</code></pre>
     	</div>
    
     </div>
     <div id="content-bottom">
       <div id="content-bottom2">
         <table width="110" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="22%" height="44"><a href="page9.html"><img src="images/previous.png" width="26" height="19" id="Image2" onmouseover="MM_swapImage('Image2','','images/previous2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
             <td width="43%">
             	&nbsp;&nbsp;&nbsp;<a href="page5.html">5</a>&nbsp;&nbsp;&nbsp;<a href="page6.html">6</a>&nbsp;&nbsp;&nbsp;<a href="page7.html">7</a>&nbsp;&nbsp;&nbsp;<a href="page8.html">8</a>&nbsp;&nbsp;&nbsp;<a href="page9.html">9</a>&nbsp;&nbsp;&nbsp;<a href="page10.html">10</a>&nbsp;&nbsp;&nbsp;<a href="page11.html">11</a>&nbsp;&nbsp;&nbsp;<a href="page12.html">12</a>&nbsp;&nbsp;&nbsp;<a href="page13.html">13</a>&nbsp;&nbsp;&nbsp;<a href="page14.html">14</a>&nbsp;&nbsp;&nbsp;<a href="page15.html">15</a>
             </td>
             <td width="35%"><a href="page11.html"><img src="images/next.png" width="26" height="19" id="Image1" onmouseover="MM_swapImage('Image1','','images/next2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
           </tr>
         </table>
       </div>
     </div>
  </div>
</div>
<div id="right-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page11.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
</div>


</div>
</body>
</html>