obniz로 IoT를 실현하기 위한 도입 프로그램과 구입 주변기기

본 기사의 대상자

이 기사는 obniz에 관심이 있지만 주변 기기는 무엇을 구입해야할지 모르고 구매를 망설이는 사람을 향한 기사입니다.
내가 구입 한 주변 장치에서 그들을 이동하는 샘플 프로그램을 공유합니다.
덧붙여 obniz의 초기 설정에 대해서는, 사이트에 기재가 있기 때문에, 그쪽을 참조해 주세요.
<초기 설정에 대해 기재된 페이지>
htps : // 오 b ...

obniz의 사이즈감

상자 크기

본체 크기

약 7cm × 3.5cm

본체표

본체 뒷면

구입한 주변기기

모터 : RE-140RA

코드 : PP-14NH

스위치 : HK-PSS05H

LED : HK-LED5H(R)

기기는 이케부쿠로의 도큐 핸즈(4F)에서 구입.

연결 상태

Pin0,1 : LED
Pin2,3 : 모터
Pin4,5 : 스위치
또한, LED에 대해서는, 긴 쪽을 Pin0에 가리키고 있다

이 주변기기를 이용하는 프로그램

주의) 프로그램 내에 있는 「XXXX-YYYY」는, obniz의 ID가 되기 때문에, 적절히 obniz의 ID로 변경하는 것

qiita.rb

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
  <script src="https://unpkg.com/[email protected]/obniz.js" crossorigin="anonymous"></script>
</head>
<body>

<!--<div id="obniz-debug"></div>-->
<h1>obniz instant html</h1>
<button id="led-on">LED ON</button>
<button id="led-off">LED OFF</button>
<button id="display-yamamoto">Display 山本</button>
<button id="motor-on">MOTER ON</button>
<button id="motor-off">MOTER OFF</button>
<div id="print"></div>

<script>
  var obniz = new Obniz("XXXX-YYYY");

  obniz.onconnect = async function () {

    var led = obniz.wired("LED", { anode:0, cathode:1 } );
    var motor = obniz.wired("DCMotor", {forward:2, back:3});
    var button = obniz.wired("Button",  {signal:4, gnd:5});

    obniz.display.clear();
    obniz.display.print("Hello World");
    console.log("Start Date: " + new Date())

  obniz.switch.onchange = function(state) {
    $('#print').text(state);
    obniz.display.clear();
    obniz.display.print(state);
  }  

  $('#led-on').click(function () {
      led.on();
      obniz.display.clear();
      obniz.display.print("LED ON");
  });
  $('#led-off').click(function () {
      led.off();
      obniz.display.clear();
      obniz.display.print("LED OFF");
  });
  document.getElementById("display-yamamoto").onclick = function() {
      console.log("Push yamamoto button. Time : " + new Date())
      obniz.display.clear();
      obniz.display.print("I'm Yamamoto.");
      obniz.display.print("山本");
    };
  document.getElementById("motor-on").onclick = function() {
    console.log("Push MOTER ON button. Time : " + new Date())
    obniz.display.clear();
    obniz.display.print("Moter ON");
    motor.power(10);
    motor.forward();
  };
  $('#motor-off').click(function () {
    console.log("Push MOTER OFF button. Time : " + new Date())
    obniz.display.clear();
    obniz.display.print("Moter OFF");
    motor.stop();
  });
    button.onchange = function(pressed){
    console.log("pressed:" + pressed)
      obniz.display.clear();
      obniz.display.print("Push Button");
      obniz.display.print(pressed);
    };
}
</script>
</body>
</html>