Projects/Arduino

IoT 발아기(10) - 어플리케이션으로 JSN-270 컨트롤하기(AppInventor)

Choi G.H 2020. 2. 20. 08:01
반응형

지난시간에 아두이노 코드를 수정해서 

 

이런식으로 있었던 하이퍼텍스트부분을 모두 제거했다.

 

매우 불친절한 인터페이스인데(주소창 입력을 통해서만 컨트롤 가능), 쉽게 컨트롤 할 수 있도록 어플리케이션을 만들었

 

다.

 

http://ai2.appinventor.mit.edu/

 

http://ai2.appinventor.mit.edu/

 

ai2.appinventor.mit.edu

앱 인벤터를 사용하면 앱 개발부터 빌드까지 아주 쉽고 간단하게 할 수 있다. 정말로 쉽다.

 

앱인벤터 디자이너 창

 

디자이너 부분에서 컨트롤을 드래그 앤 드롭 해서 추가할 수 있다.

 

앱인벤터 블록 창

 

블록에서 각 컨트롤에 맞게 로직을 설정할 수 있다. 블록코딩이기 때문에 누구나 쉽게 만들 수 있다.

 

텍스트박스 *2 : 주소창, 온도센서값 출력창
스위치 *4       : 10~13번 핀 On/Off

 

4개의 스위치로 각각 10~13번 핀을 켜고 끌 수 있도록 하고

 

Load Temperature 버튼을 누르면 온도센서값이 출력된다.

 

컨트롤의 부모개체로 수평배치 ,수직배치 ,표 배치 등을 추가하면 레이아웃을 바꿀 수 있다.

 

이외에도 다양한 컨트롤이 있다.

 

MIT AI2 Companion 이라는 어플을 설치하면 개발하는 동안에 실시간으로 폰으로 어플을 실행해 볼 수 있다.

 

앱이 다 완성되면

 

상단에 [빌드]를 선택해 어플을 다운받을 링크를 QR코드로 받거나 컴퓨터에 apk파일을 다운로드 할 수 있다.

 

완성된 어플

 

 배경사진은 https://ghchoi0427.tistory.com/25의 회로도로 설정했다.

 

주소창은 디폴트값으로 (공유기 IP) : (외부 포트) 이렇게 설정해놨다. 혹시나 로컬로 접속해야 할 때 바꿀 수 있도록 해놨다.

 

 

반응형