📘 마이크로비트 사용 설명서

이 가이드에서는 마이크로비트를 설정하고 웹사이트와 연결하여 데이터를 전송하는 방법을 알려드립니다.

📝 이미지 분류 사용 설명서를 먼저 확인하세요

마이크로비트 사용법을 이해하려면 먼저 이미지 분류 콘텐츠 사용법을 학습해야 합니다. 아래 링크를 통해 먼저 학습해 보세요.

📘이미지 분류 사용 설명서 보기

📢 소개

마이크로비트를 이용해 웹사이트와 연결하면 이미지 인식 결과에 따라 마이크로비트를 제어하거나 데이터를 전송할 수 있어요.

재미있고 실용적인 프로젝트를 쉽게 만들 수 있습니다!

💻 지원되는 플랫폼

운영체제: Windows, macOS, Linux

브라우저: 크롬(Chrome) 최신 버전

모바일 기기: 스마트폰, 태블릿 (크롬 최신 브라우저 권장)

마이크로비트 버전: V1, V2 모두 사용 가능합니다.

블루투스 통신의 경우: 일부 플랫폼에서 블루투스 통신 기능이 제한될 수 있어요. 예를 들어, iOS 기기의 경우 웹 브라우저에서 BLE 연결을 지원하지 않을 수 있으므로 별도의 앱이 필요할 수 있습니다.

🚀 마이크로비트 시작하기

설치 및 설정

마이크로비트를 컴퓨터에 연결하고 드라이버를 설치하세요. (대부분 자동으로 설치됩니다)

펌웨어 업데이트

최신 펌웨어를 사용하는 것이 좋습니다.

🔗 마이크로비트 연결 방법

USB 연결

USB 케이블로 마이크로비트를 컴퓨터에 연결하세요.

USB 연결은 안정적이고 전원도 함께 제공합니다.

BLE 연결

블루투스를 활성화하고 컴퓨터와 페어링하면 무선으로 편리하게 사용할 수 있어요.

📝 마이크로비트 코드 예제

데이터를 받고, 받은 데이터를 표시하는 예제입니다.

USB 통신 코드

1// 데이터 수신 시 실행되는 함수
2serial.onDataReceived(serial.delimiters(Delimiters.NewLine), function () {
3    receivedString = serial.readUntil(serial.delimiters(Delimiters.NewLine))
4    // 수신한 데이터를 LED에 표시
5    basic.showString(receivedString)
6    // 수신한 데이터에 대한 응답 메시지 전송
7    serial.writeLine("Received: " + receivedString)
8})
9
10// 수신된 데이터 저장 변수 초기화
11let receivedString = ""
12
13// 시리얼 통신 속도 설정 (115200 bps)
14serial.setBaudRate(BaudRate.BaudRate115200)
15
16// 초기화 상태 LED 표시
17basic.showIcon(IconNames.Happy)

마이크로비트-USB

BLE 통신 코드

1// UART 데이터를 수신했을 때 실행되는 함수
2bluetooth.onUartDataReceived(serial.delimiters(Delimiters.NewLine), function () {
3    // 수신된 데이터가 있을 경우, NewLine으로 구분된 데이터를 읽어서 변수에 저장
4    receivedData = bluetooth.uartReadUntil(serial.delimiters(Delimiters.NewLine))
5    // 수신된 데이터를 LED에 문자열 형태로 표시
6    basic.showString(receivedData)
7})
8
9// 블루투스 연결이 성공했을 때 실행되는 함수
10bluetooth.onBluetoothConnected(function () {
11    // 블루투스 연결이 성공하면 웃는 얼굴 아이콘을 LED에 표시
12    basic.showIcon(IconNames.Happy)
13    // UART 서비스 활성화 여부를 나타내는 변수 설정
14    uartService = true
15})
16
17// 블루투스 연결이 끊어졌을 때 실행되는 함수
18bluetooth.onBluetoothDisconnected(function () {
19    // 블루투스 연결이 끊어지면 슬픈 얼굴 아이콘을 LED에 표시
20    basic.showIcon(IconNames.Sad)
21    // UART 서비스 비활성화 상태로 변경
22    uartService = false
23})
24
25// 수신된 데이터 저장 변수 초기화
26let receivedData = ""
27
28// UART 서비스 활성화 여부를 확인하는 변수 선언
29let uartService;
30
31// 전송 특성 (txCharacteristic) 변수 선언 (현재는 사용되지 않음)
32let txCharacteristic;
33
34// UART 서비스 시작 (Bluetooth 데이터 송수신 기능 활성화)
35bluetooth.startUartService()
36

마이크로비트-BLE

🌐 웹사이트에서 마이크로비트 사용하기

이미지 분류 페이지 접속하기

먼저, 웹사이트의 이미지 분류 페이지에 접속해야 합니다. 아래 링크 중 하나를 클릭해서 시작할 수 있어요.

통신 설정

페이지마다 마이크로비트 통신 설정 메뉴가 보이는 위치가 다릅니다.

통신 설정 방법

다음의 방법으로 마이크로비트를 연결할 수 있습니다.

USB 연결 설정

USB 케이블을 이용해 마이크로비트를 컴퓨터에 연결합니다.

페이지에서 "USB 연결" 버튼을 선택해 주세요.

연결이 완료되면 데이터를 주고받을 준비가 된 것입니다.

Bluetooth 연결 설정

마이크로비트의 Bluetooth 기능을 활성화한 후, 컴퓨터와 페어링을 시도합니다.

"BLE 연결" 버튼을 선택해 마이크로비트를 무선으로 연결할 수 있습니다.

마이크로비트 연결

연결 시 브라우저에서 마이크로비트에 접근을 허용해도 되는지 묻는 창이 나타날 수 있습니다. 이때 "허용" 버튼을 눌러 마이크로비트와의 연결을 허용해주세요.

데이터 전송 시작하기

연결이 완료되면 웹페이지에서 데이터를 전송할 수 있는 기능들이 활성화됩니다.

실시간 데이터 모니터링

데이터를 전송하고 나면 웹페이지의 "모니터" 에서 데이터를 실시간으로 확인할 수 있습니다. 이 모니터는 데이터가 정상적으로 전송되고 있는지, 혹은 문제가 있는지를 확인하는 데 매우 유용합니다.

🛠️ 문제 해결

무선 연결 시 몇 가지 주의할 사항이 있습니다: