본문으로 바로가기

앱 인벤터를 이용해서 정말 손쉽게 안드로이드 앱을 만들어 볼 수 있다는 것을 한 번 학습[바로가기]했었는데요. 그리고, 아두이노에서 블루투스를 또한 손쉽게 사용할 수도 있다는 것[바로가기]도 학습했구요. 오늘은 이 둘을 합쳐 볼려구요^^. 아두이노에 HC-06 블루투스 모듈이 연결되어서 휴대폰에서 블루투스 통신으로 아두이노의 LED(또 LED입니다.ㅠㅠ)를 끄고 켜보는 거죵... 당연히 앱인벤터[바로가기]를 이용하구요. 일단 [바로가기]를 통해 앱인벤터 홈페이지로 이동하구요~~

Designer 화면 구성하기

Viewer화면을 저렇게 꾸밀 겁니다. 너무 쉽기 때문에 살살 따라 가시면 됩니다.

HorizontalArrangement를 저렇게 총 5개로 배치하구요.

첫 번째 것

두 번째...

세 번째...

네 번째...

다섯 번째 모두 Align과 Height, Width를 맞춰 주시면 됩니다. 이건 좀 틀려도 됩니다. 화면 구성이 조금 다를 뿐이겠죠^^

그리고 제일 처음 부분에 ListPicker를 두고...

그 다음 HorizontalArrangeMent에는 Label을~

세 번때 HorrizontalArrangement에는 다시 VerticalArrangement를 4개 두어서 간격을 조절하고, 두 번째 네 번째에 버튼을 배치합니다.

첫 번째 버튼은 이름을 on_button으로 하고, 보기좋게 세팅하구요~

두 번째는 off_button이구요. text는 off~^^

그리고 네 번째 HorizontalArrangement에 Label을 두고...

Clock과

제일 중요한 BluetoothClient를 둡니다.~

Blocks 코드 블럭 꾸미기

이제..

Blocks 화면에서 먼저 위와 같이 꾸밉니다. 따라하는 방법은 ListPicker를 만들어서 생긴 ListPicker1블럭을 좌측 화면에서 누르면 됩니다. 그리고 그 속에서 원하는 것을 찾죠. 이 번에는 bluetooth 블럭을 눌러서 또 찾으면 됩니다. 아무튼 ListPicker를 선택하기 전에는 ListPicker1의 요소는 블루투스 클라이언트에서 접근 가능한 이름을 받는다는 것입니다.

그리고, ListPicker1을 누르면 ListPicker1에서 선택된 element로 커넥트하는 거구요~

off_button을 누르면 블루투스로 0을 전송하고 화면 Label2에 LED is OFF라고 메세지를 표현합니다.

on_button을 눌렀을때는 1을 전송하고 LED is ON이라고 표현하구요~

Clock1을 하나 가져왔었는데요. 이 아이는 1초쯤 대기합니다. 그 동안 블루투스에 연결되었는지 확인해서 Label1에 Connet인지 아닌지 표기하구요.~

위 5개 덩어리가 전체 코드가 되겠네요^^

앱인벤터를 이용하여 안드로이드에서 블루투스 통신을 통해 아두이노 보드의 LED 끄고 켜기

이제... 결론은... 이전 앱인벤터를 처음 소개할 때[바로가기]처럼 Build로 apk 파일을 폰으로 전송해서 설치하고 실행하면

위의 첫 화면이 뜹니다.~~~ 와우~

SelectBlueTooth를 누르면 사용 가능한 리스트가 나타나구요. 연결하면 됩니다.

커넥트 되었네요^^

이네 ON 버튼을 누르면~ 메세지도 나오고, 아두이노 보드에서도 LED가 켜질 겁니다.

이렇게 말이죠~~~~ ㅎㅎ... 즐거운 놀이가 막 창의적으로 떠오르지 않나요^^ 아.. 아두이노는 메가를 사용했고, 아두이노 코드는 이전에 블루투스를 테스트하던 글[바로가기]과 동일한 코드로 진행되었습니다.^^


댓글을 달아 주세요

  1. BlogIcon 핑구야 날자 2018.03.07 08:14 신고

    앱앤벤터를 이용해 재미있는 기능을 구현하셨군요

  2. BlogIcon 공수래공수거 2018.03.07 08:17 신고

    따라 하기 쉽도록 설명을 해 주셨군요
    관심이 있으면 충분히 따라 할수 있을것 같습니다^^

  3. BlogIcon luvholic 2018.03.07 08:44 신고

    영상으로 보니 더더욱 신기하네요!빨간 불이 깜빡 깜빡~
    온오프 스위치도 앱으로 만들 수 있네요 ^^ 잘 보고 갑니다 !!

  4. BlogIcon 귀요미디지 2018.03.07 11:18 신고

    날이 많이 포근해졌네요
    미세먼지도 좋은 편이구요 ㅎㅎ
    즐거운 날 되세요 ^^

  5. BlogIcon 휴식같은 친구 2018.03.07 13:41 신고

    코딩을 직접하지 않고 모듈처럼 붙이기만해도 되니 참 편한코딩입니다.
    잘 보고 갑니다.

  6. BlogIcon 북두협객 2018.03.07 13:48 신고

    잘보고갑니다^^

  7. BlogIcon 『방쌤』 2018.03.07 19:51 신고

    원리는 잘 모르지만,, 완전 신기하네요^^ㅎ
    봄이 가까워져 좋았는데,, 하늘에서는 비만 내리네요.ㅜㅠ

  8. BlogIcon 요니피그 2018.03.07 22:45 신고

    지난번과 똑같이 저는 잘 모르는 것들이지만 그래도 요렇게 와서 자주 보러올께요 ㅎㅎㅎ

  9. BlogIcon peterjun 2018.03.08 02:24 신고

    심플하지만 신기하네요. ^^
    물론 저에겐 한없이 어렵지만요. ㅎㅎ

  10. BlogIcon 봉리브르 2018.03.08 08:21 신고

    늘 흥미진진한 아이디어를
    생각해 내시네요.
    재미있어서
    하루하루하 지루한 줄을 모르시겠습니다..^^

    • BlogIcon PinkWink 2018.03.08 20:45 신고

      사실.. 이런 글들은 대부분... 개발자가 만들어준 투토리얼에 아주 약간.. (그것도 안할때가 많지만) 실습차원의 내용이 가미된 경우가 많답니다.~

  11. BlogIcon Bliss :) 2018.03.08 09:00 신고

    ㅎㅎㅎㅎ마지막 글에서 즐거움과 뿌듯함이 느껴지네요!!! 삶의 활력을 주는 취미와 능력이 있다는거 좋은 것 같아요^^ 이전에 앱인벤터 소개해주셔서 딸에게 전달했네요~ 잘 하고 있는지 슬쩍 봐야겠어요ㅋ 오늘도 행복한 하루 되세요^^

  12. BlogIcon 청결원 2018.03.09 06:45 신고

    포스팅 잘 읽고 가네요~
    오늘 하루도 즐거운 하루 보내세요~

  13. 다라무지 2018.06.04 15:57 신고

    죄송하지만 tjddnjs0724@naver.com 이메일로 aia 파일좀 보내주실수있으신가요 ㅠㅠ? 안되서 머가잘못된지좀 확인해보고싶습니다 ㅜ