아두이노 센서 데이터를 스마트폰 앱에서 실시간 그래프로 보기

📊 센서 데이터를 스마트폰에서 실시간 그래프로 보기 — App Inventor + Bluetooth

이번에는 아두이노의 센서 데이터를 스마트폰으로 받아서
실시간 그래프(차트) 형태로 시각화하는 앱을 만들어보겠습니다.

기본 숫자 출력에서 한 단계 업그레이드된 IoT 시각화 시스템 실습입니다!

🧰 준비물

• 아두이노 UNO
• HC-06 블루투스 모듈
• DHT11 또는 포텐셔미터 (입력용)
• MIT App Inventor
• Chart Component (extension)

🔌 회로 구성

• DHT11: DATA → D2
• HC-06: TX → D0, RX → D1

※ 데이터 송신은 시리얼 포트를 통해 전송됩니다.

💻 아두이노 코드 예시

2초마다 센서 데이터를 블루투스로 전송합니다:

#include 
#define DHTPIN 2
#define DHTTYPE DHT11

DHT dht(DHTPIN, DHTTYPE);

void setup() {
  Serial.begin(9600);
  dht.begin();
}

void loop() {
  float temp = dht.readTemperature();
  Serial.println(temp); // 숫자값만 전송
  delay(2000);
}

📱 App Inventor 구성

• BluetoothClient, ListPicker, Timer 사용
• Chart Extension 설치 필요 (Google → “AI2 Chart Extension”)
• Timer로 주기적으로 데이터 수신 + 차트에 추가

데이터 수신 시 ChartData.AddEntry 블록을 사용해 새로운 값을 그래프에 실시간으로 추가합니다.

✅ 결과 확인

• 앱 실행 → 블루투스 연결 → 센서값 수신
• 그래프에 점들이 실시간으로 찍혀 올라감 📈

📚 마무리

이번 실습으로 아두이노 + 스마트폰 앱에서 실시간 센서값 시각화까지 구현했습니다.
다음은 이 데이터를 저장하거나, 조건에 따라 푸시알림 / 자동화 기능으로 확장할 수 있어요 🔔