노트 161

앱 인벤터 안드로이드 애니메이션 만들기

안드로이드 앱에서 상황에 따라서는 일반 이미지보다 움직이는 이미지 즉, 애니메이션을 사용해야 좀 더 효과적인 경우가 종종 있는데... 바로 앞글에서 녹음기 어플을 만들면서 녹음을 할 때 구형 테이프가 돌아가면서 녹음이 되는 듯한 느낌을 주면 좋을 거 같다고 생각을 했었고 그 효과를 한 번 만들어볼 생각이다. 녹음기어플 윗 글을 참고해보면 녹음 버튼을 클릭했을 때 실제로는 녹음은 되고 있지만 화면에 아무런 변화가 없기 때문에 제대로 작동을 하고 있는지 눈으로 확인할 수 없는 아쉬움이 있었다. 그래서 버튼을 누르면 아래 영상처럼 테이프의 바퀴가 돌아가도록 애니메이션 효과를 만들어보고자 한다. ▲ 이런 효과를 만들기 위해서는 서로 다른 사진 두 장이 있어야 하고 그 둘을 계속 바꿔주면 마치 움직이는 듯한 효과..

카테고리 없음 2017.11.13

녹음기 어플 App Inventor로 만들기

지난 글에서는 앱 인벤터를 이용해서 간단한 MP3 플레이어를 만들어봤는데 이번에는 녹음기 어플을 만들어보자. 이 녹음기 어플도 만들어봤던 MP3와 거의 비슷하게 간단한데... 단지 녹음 기능만 추가한 형식이다. 녹음 버튼을 누르면 주변 소리를 녹음하다가 STOP 버튼을 누르면 정지하면서 녹음된 내용을 저장을 하게 된다. 그리고 플레이, 일시정지, 멈춤 버튼을 이용해서 그 내용을 확인할 수 있도록 어플을 만들어보자. MP3 일단 어플의 화면 구성을 생각해보는데 총 다섯 개의 버튼이 필요할 거 같다. 녹음, 스톱, 재생, 일시정지, 재생정지 등을 실행할 녀석들인데 넓은 화면에 이것들만 있으면 휑~할 테니 화면 중앙에는 Canvas를 넣어서 적당한 이미지로 채워보기로 하고 녹음기 어플의 디자인부터 해본다. 1..

카테고리 없음 2017.11.12

mp3 플레이어 안드로이드 앱 만들기

스마트폰을 들고 다니는 가장 큰 이유는 전화통화겠지만 그에 못지않게 사진을 찍거나 음악을 들을 때도 자주 사용할 것이다. 그리고 그것들을 하기 위한 '카메라' 기능이나 'MP3 플레이어' 앱이 이미 스마트폰에 포함되어 있지만 직접 나만의 앱을 만들어보는 것도 안드로이드를 이해하는데 많은 도움이 될 테니 이번 글은 [앱 인벤터2]를 이용해서 간단한 MP3 플레이어를 만들어보려고 한다. 앱 인벤터를 실행하자. ▲ App Inventor를 실행해서 Palette를 살펴보니 Media에 Player가 있다. 이 녀석을 끌어다가 Viewer에 놓는다. 그리고 간단하게 플레이 화면을 만들어서 음악을 [재생], [일시정지], [멈출 때] 사용할 버튼들을 배치해본다. ▲ 다음과 같이 화면 구성을 해봤는데 버튼만 넣기에..

카테고리 없음 2017.11.12

초음파 레이더 만들기

제목으로 마땅히 정할게 없어서 '초음파 레이더 만들기'라고 해봤는데 허접한 글의 내용에 비해서 뭔가 너무 거창한 거 같다.ㅎㅎ 여하튼 이번 글에서는 'HC-SRO4 초음파 센서'와 '서보모터' 및 'LED', '피에조 스피커'를 활용해서 초음파 레이더 비스름한 예제를 하나를 만들어보려고 한다. 예제의 내용은.... 아무 일 없을 때는 계속 180도 좌우로 왔다 갔다 하면서 초음파로 앞에 물체가 있는지 탐지하다가 특정한 거리 안에 물체가 나타나면 조명을 켜면서 경고음을 울리게 하는 내용이다. 카메라까지 있다면 사진도 찍게 할 수 있을 텐데 그 내용은 다음에 첨부해보기로 하고... 이번에는 단순하게 CCTV 방범 시스템을 생각해보자. 특별한 일이 없으면 하루 종일 좌우로 왔다 갔다 하다가 범죄자가 나타나면 ..

카테고리 없음 2017.11.10

RC카 물체 따라 움직이기

요즘 아두이노로 다양한 예제들을 만들어보고 있는데 이번 글에서는 물체를 따라서 움직이는 RC카를 만들어보려고 한다. 며칠 동안 RC카와 RC 탱크를 만들어보고 엉성한 어플로 블루투스 통신을 하면서 그 녀석들을 제어해봤는데 이번에는 우리가 조종을 하는 것이 아니고 등록한 물체를 따라서 움직이도록 하는 내용의 예제를 만들어보려는 것이다. RC카 RC탱크 이번 예제에서는 얼마 전에 조립하고 사용방법을 알아봤던 PIXY 카메라를 이용할 텐데 이게 눈의 역할을 해줄 것이다. pixy 위 글에서도 확인할 수 있듯이 pixy 카메라는 어떤 물체의 색을 등록하면 그 색을 따라서 움직이는 기능이 있는데 카메라가 보고 있는 색의 데이터를 아두이노로 전달할 수가 있다. 아두이노에서는 그 값을 받아& 모터를 제어해서 자동차가..

카테고리 없음 2017.11.09

아두이노 블루투스 RC카 제어

지난 글에서 유선조종 탱크의 선을 잘라버리고 아두이노와 블루투스 모듈을 올려서 급하게 만든 스마트폰 앱으로 조정하는 과정까지 살펴봤었는데 RC 탱크를 만들어보면서 느낀 점은 배터리의 중요성이었다. 모터 드라이버를 이용해서 제어를 하다 보니 생각보다 배터리 소모가 심했고 9V로는 어림도 없다는 걸 알 수있었다. RC탱크 그렇지 않아도 궤도 때문에 많은 힘을 필요로 하는 탱크인데 거기에 덕지덕지 여러 가지를 올려놨으니 제대로 움직일 리가 없었다. 하지만 허접하게 만든 어플로도 내가 원하는 대로 제대로 제어가 됐었기 때문에 기회가 되면 짱짱하게 준비를 해서 RC카를 만들어보기로 했었다. 그러다가 오늘 우연히 동네 문구점 앞을 지나는데 적당한 크기의 장난감 자동차가 하나 보이더라. ▲ 작아도 나름대로 무선 조종..

카테고리 없음 2017.11.07

아두이노 RC탱크 만들기

지금까지 블루투스 모듈을 익히기 위해서 '컴퓨터'와 '아두이노'간에 통신도 해보고 '스마트폰의 앱'과 연결해서 아두이노의 LED를 제어하는 예제까지 만들어봤는데 이제 이 녀석을 이용해서 RC탱크를 만들어보려 한다. 말이 RC 탱크지... 그냥 유선 탱크 장난감에서 선을 잘라버리고 그 위에 아두이노와 블루투스 모듈을 올린 후 스마트폰의 앱에서 그 녀석을 조정해보는 과정이다. 블루투스 위 글들은 지금까지 블루투스 모듈을 익히기 위해서 만들었던 예제들이고 이번 글에서는 아래 영상과 같은 장난감을 만들어보려고 한다. 그런데...ㅠ.ㅠ ▲ 집에 굴러다니는 9V 건전지만을 사용했더니 힘이 부족하다.ㅠ.ㅠ 더군다나 탱크의 궤도를 돌리는 건 일반 바퀴보다 힘이 많이 들어가기 때문에 탱크를 만들려면 일반 'RC카'보다는..

카테고리 없음 2017.11.07

스마트폰과 아두이노 블루투스로 연결하기

지금까지는 아두이노와 센서 및 액추에이터를 유선으로만 제어를 했었는데 앞으로는 블루투스를 통해 스마트폰과 연결해서 제어하기 위해서 앞글에서 블루투스 모듈을 연결하는 과정을 정리했었다. 이제 실제 안드로이드 스마트폰과 아두이노를 연결해서 제어를 해볼 텐데 간단한 예제를 만들면서 정리를 해볼 것이다. 예제는 화면에 몇 개의 버튼을 배치하는 앱을 만든 후 버튼을 클릭할 때마다 아두이노에 연결된 LED가 깜빡거리도록 제어해볼 생각이다. 그러기 위해서는 스마트폰과 아두이노 그리고 블루투스 모듈이 필요하다. ▲ 사진에 보이는 녀석이 지난 글에서 정리했던 블루투스 모듈인데 스마트폰에서 보낸 데이터를 이 녀석이 받아서 LED를 켜고 끄도록 할 것이다. ▲ 대충 이렇게 버튼을 네 개 배치한 후 위쪽을 누르면 LED 두 ..

카테고리 없음 2017.11.06

핸드폰 화면 컴퓨터로 보기

요즘 취미로 갖고 놀고 있는 아두이노를 활용한 예제를 만들어보다가 이제 '안드로이드 스마트폰'과 '아두이노'를 블루투스로 연결해서 각종 액추에이터를 제어해서 RC카 등을 만들어 보려고 지난 글에서 아두이노 블루투스 모듈 연결을 해봤는데 현재 사용중인 폰이 '아이폰'이라서 서랍에서 잠자고 있던 오래된 안드로이드 폰을 꺼냈다. ▲ 그런데 이 녀석은 그때 당시 과도한 모바일 게임으로 액정이& 좋지 않은 상태(잔상)이다.ㅠ.ㅠ 그래서 그 기능만 이용하기로 하고 핸드폰 화면 컴퓨터로 보기 위한 프로그램을 설치해서 연결을 할려고 하는데 나 같은 초보님들 중 참고하실분들 계실까 해서 그 과정을 정리해보려고 한다. 내가 예전부터 사용하는 프로그램은 아래 그림에 보이는 녀석이다. 핸드폰 화면을 컴퓨터로 보는것뿐만 아니라..

카테고리 없음 2017.11.06

LCD에 아두이노 센서 데이터 출력

지난 글에서 아두이노에 LCD를 연결해서 그 밝기를 조정하는 과정을 살펴봤었는데 오늘은 조도 센서 및 초음파 센서의 값을 동시에 LCD에 출력하는 예제를 만들어보면서 이 녀석을 익혀보려고 한다. 영상에서도 확인할 수 있듯이 내가 사용하는 LCD는 [16X2] 크기이고 위쪽에는 초음파센서의 값을 cm 단위로 출력하도록 하고 있으며 아래줄에서는 조도센서의 값을 표시하고 있다. 그리고 이 값들은 최대 1023(조도센서 최댓값, 초음파센서의 최댓값은 280[방 벽의 거리])이므로 앞쪽 네 칸은 숫자를 표시하기 위한 공간으로 활용하고 5번째 칸부터 단위를 문자로 표시하도록 했다. 원래 조도의 단위는 'LUX'인데 그냥 나머지 칸에 문자를 가득 채우기 위해서 [illumination]이라는 '빛'의 영어 단어를 입..

카테고리 없음 2017.11.04