คู่มือการใช้เซนเซอร์ Ball Switch ด้วยบอร์ด Runlinc

Ball Switch
       Ball Switch (หรือที่เรียกว่า ลูกเหล็กสวิตช์) คือเซนเซอร์ชนิดหนึ่งที่ใช้ตรวจจับ การเอียง หรือ การเคลื่อนไหว โดยอาศัยลูกโลหะขนาดเล็ก (ball) อยู่ภายในตัวอุปกรณ์ โดยจะอธิบายรายละเอียดดังต่อไปนี้
       1.1 หน้าที่
              Ball Switch ทำหน้าที่เป็น Digital Input เพื่อตรวจจับสถานะทางกายภาพ (การเอียงหรือการเคลื่อนไหว) ภายในมีลูกบอลโลหะขนาดเล็ก เมื่อเซนเซอร์อยู่ในตำแหน่งปกติ วงจรอาจ “เปิด” หรือ “ปิด” กล่าวคือ ถ้าเซนเซอร์มีการเอียง จะมีการเปลี่ยนค่า ทำให้สามารถสั่งการได้
     1.2 การเชื่อมต่อ (Wiring)
            การเชื่อมต่อวงจรบอร์ด Runlinc กับเซนเซอร์ Ball Switch มีรายละเอียดดังต่อไปนี้

   การตั้งค่าหน้า Control ของบอร์ด Runlinc บนเว็บบราวเซอร์
     - บอร์ด Runlinc -> Ball Switch
       3V -> VCC
       GND -> GND
        D4 -> Signal
    - ตั้งค่าในหน้า runlinc
      Configuration: DIGITAL_IN
      NAME: ball_switch

   1.3 โค้ดตัวอย่างการใช้งาน 
          ตัวอย่างการเขียนโค้ดการใช้เซนเซอร์ Ball Switch ในการตรวจจับการเอียงด้วยบอร์ด Runlinc ในช่อง HTML CSS JavaScript และ JavaScript Loop ดังต่อไปนี้

CSS
.safe { background-color: #2ecc71; } /* สีเขียวเมื่อปกติ */
.wait { background-color: #D4CD08; animation: blink 0.5s infinite; } /* สีเหลืองรอตรวจสอบ */
.danger { background-color: #e74c3c; animation: blink 0.5s infinite; } /* สีแดงเมื่อเอียง */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
#statusBox {
width:200px; height:200px; margin:auto; border-radius:50%; 
line-height:200px; color:white; font-size:24px;
}
 

HTML

<div style="text-align:center;"> 
       <h1>ระบบตรวจจับการเอียง</h1> 
       <div id="statusBox" class="wait">กำลังตรวจสอบ</div> 
       <h2 id="log">สถานะ: รอตรวจสอบ</h2> 
</div>

JavaScript
var box = document.getElementById("statusBox");
var log = document.getElementById("log");

JavaScript Loop
// โค้ดส่วนนี้จะทำงานซ้ำๆ (Loop) เพื่อเช็คสถานะจากบอร์ด
var sensorValue = digitalIn(ball_switch ); //อ่านค่าจากขา D4 
if (sensorValue == 0) {
    box.className = "danger";
    box.innerHTML = "เอียง!";
    log.innerHTML = "ตรวจพบการเคลื่อนไหว!";
} else {
    box.className = "safe";
    box.innerHTML = "ปกติ";
    log.innerHTML = "สถานะ: ปลอดภัย";
}

1.4 ผลลัพธ์การใช้งาน
      ผลลัพธ์การใช้งานบอร์ด Runlinc ในการตรวจจับการเอียงด้วยเซนเซอร์ Ball Senser แสดงดังภาพที่ 1 โดยจะอธิบายรายละเอียดดังต่อไปนี้
     1) เมื่อรันบอร์ด Runlinc ครั้งแรก ในหน้าเว็บจะแสดงหน้าเว็บไซต์ รอตรวจสอบ
     2) เซนเซอร์ Ball Switch ไม่มีการเอียงจะส่งสัญญาณไปที่บอร์ด เป็นค่า 1 แสดงสถานะบนเว็บไซต์ ปลอดภัย
      3) เซนเซอร์ Ball Switch มีการเอียงจะส่งสัญญาณไปที่บอร์ด เป็นค่า 0 แสดงสถานะบนเว็บไซต์ ตรวจพบการเคลื่อนไหว!

ภาพที่ 1 ผลลัพธ์การใช้งานบอร์ด Runlinc ในการตรวจจับการเอียงด้วยเซนเซอร์ Ball Senser