[아두이노#299] (앱인벤터#10) 차트를 이용해서 이전 프로젝트에 그래프를 그려보자!(Appinventor BT 시리즈/녹칸다/포로리야공대가자)

 

(앱인벤터#10) 차트를 이용해서 이전 프로젝트에 그래프를 그려보자!(Appinventor BT 시리즈/녹칸다/포로리야공대가자)
-이번 시리즈는 녹칸다의 앱인벤터(Appinventor) 시리즈 이다!
-앱인벤터는 스마트폰쪽의 어플리케이션(앱)을 아주 간단한 블럭놀이로 구현할 수 있는 도구이다!
-화면을 화려하게 꾸미기에는 한계가 있지만 스마트폰 앱만드는데 진입장벽이 높으므로 간단히 구현된다면 땡큐이다!
-앱인벤터의 모든 내용을 살펴보는 강의가 아니고 아두이노를 제어하기 위해 필요한 부분으로만 구성한다!
-녹칸다는 앱인벤터 전문가가 아님에 주의하자!(아두이노를 재미있게 활용하기 위해서 데려온 친구라고 생각하자)
-앱인벤터라는 툴을 사용하기 위한 진입장벽을 낮추기 위해서 녹칸다가 한발짝 정도 앞서서 예제를 이끌고 나간다!
-스마트폰으로 아두이노를 제어하기 위해서는 ①블루투스(bluetooth)를 이용한 방법과 ②웹통신을 이용한 방법, ③MQTT를 이용한 방법 정도인것 같다!
-3가지 방법중 ①번을 메인테마로해서 진행되는 Appinventor BT 시리즈이다!
-이번편에서는 9편에 진행한 chart.js를 이용한 그래프/차트 출력에 대한 내용을 응용해보는 편이다!
-이전에 진행했단 아두이노에서 전송한 센서데이터 프로젝트를 그대로 불러와서 활용하고 거기다가 그래프를 출력해보자!
-그리고 튜토리얼2편에서 진행한 내용을 참조해서 단순하게 출력되던 결과에 이미지를 떼려넣어서 좀더 미려하게 만들어보자!

1.광센서 값을 도넛그래프로 표현하기(291-1)
2.2축조이스틱 값을 막대그래프로 표현하기(291-3)
3.온습도센서 값을 게이지와 라인그래프로 표현하기(293-1)
4.이산화탄소센서 값을 게이지와 라인그래프로 표현하기(294-1)
5.스마트폰 내장 가속센서값으로 라인그래프 그리기

 

example299_1.aia

0.00MB

example299_1_arduino.txt

0.00MB

example299_2.aia

0.01MB

example299_2_arduino.txt

0.00MB

example299_3.aia

0.01MB

example299_3_arduino.txt

0.00MB

example299_4.aia

0.01MB

example299_4_arduino.txt

0.00MB

example299_5.aia

0.00MB

 

테스트할때 파일 경로

file:///mnt/sdcard/AppInventor/assets/파일명.html

배포할때 파일 경로

file:///android_asset/파일명.html

무료icon 다운로드 주소 https://freeicons.io/