Search

'Webduino'에 해당되는 글 1건

  1. 2017.08.25 BPI - Webduino 소개

BPI - Webduino 소개

OS/Banana Pi /BPI-Bit 2017.08.25 15:36 Posted by 파란크리스마스

출처 : Webduino Smart Wi-Fi Setup
Aliexpress.com : Buy New Arrivals BPI Webduino smart IOT module development board from Reliable board case suppliers on SinoVoip Co.,Limited Banana PI

BPI-Webduino

BananaPI를 만든 곳에서 Iot용 모듈을 새로 만들었는데, 
이름에서 보는것과 같이 아두이노와 웹을 합쳐 놓은것 같습니다.

광센서와 REG LED가 기본 내장되어 있고, 내장된 Wifi는 AP모드와 공유기 접속하도록 두개가 지원되고,
AP모드로 접속해서 공유기에 접속 가능한 정보만 설정하면 외부에서 restful api 호출로 Webduino를 제어 할 수 있습니다.

개발언어는 Blockly 라는 도구로 웹브라우져로 개발이 가능하고,
기존 아두이노처럼 PC에 USB로 연결해서 아두이노 IDE로 업로드하는 방식은 지원하지 않고,
소스는 JavaScript로 만들어져서 restful 호출로 제어가 가능하므로, 다양한 기기에서 호출이 가능합니다.

 

BPI-Webduino와 Arduino Pro Micro 크기 비교

BPI-Webduino 핀 배열

Webduion AP 모드에 접속

Wifi목록에서 Smart 선택

암호 입력 (초기 암호 123456678)

192.168.4.1 주소를 브라우져 접속하여 공유기 접속 정보와 AP 모드 정보 수정

저장하면 수정된 정보 확인

수정된 AP 이름과 공유기에 접속된 IP학인

AP이름 뒤에 _ 이후로 공유기에 접속된 IP

Blockly RGBLED 예제 작성

Blockly RGB LED 예제 JavaScript 소스

RGB LED 예제 소스

Blockly로 작성된 소스를 Html 페이지에 2개의 버튼을 두고 색을 바꾸도록 작성해보았습니다.

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Webduino Blockly App</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
  <script src="https://blockly.webduino.io/webduino-blockly.js"></script>
  <script src="https://blockly.webduino.io/lib/firebase.js"></script>
  <script src="https://blockly.webduino.io/lib/runtime.min.js"></script>
  <script>
  	function rgb_call(color) {
  		var rgbled;

			boardReady({board: 'bluexmas', url: '192.168.0.62'}, function (board) {
			  board.systemReset();
			  board.samplingInterval = 250;
			  rgbled = getRGBLedCathode(board, 15, 12, 13);
			  rgbled.setColor(color);
			});
  	}
  </script>
</head>

<body>
  <div><button onclick="javascript:rgb_call('#0000ff');">blue button</span></div>
  <div><button onclick="javascript:rgb_call('#ff0000');">red button</span></div>
</body>

RGB LED 예제 실행