오늘은 마이크로비트서보모터제어하여 무선으로 전등을 켜고/끄는 IOT 제품흉내 내볼까 한다. 항상 그래 왔듯이 동작하는 동영상을 먼저 보자. 흉내를 내는 것이기 때문에 깔끔하게 조립하지는 않았다. 그냥 프로토타입이라고 생각하면 된다.


 첫번째 동영상은 전등 스위치에 장착 하기전동작이 잘되는지 확인 하는 동영상이다.

<동작 확인 동영상>


 두번째 동영상실제 전등 스위치설치하여 동작 해보는 동영상이다.

<실제 전등 스위치에 설치하여 동작 확인하는  동영상>


 세번째 동영상전등 스위치쪽 동작 확인 하는  동영상이다.

<전등 스위치쪽 테스트 동영상>


 마이크로비트 2개서보모터제어하여 전등 스위치 IOT를 흉내낸 것이다. '서보모터가 안보이는데? 그리고 동영상 속의 길고 하얀 그것은 무었일까? 그럼 저안에 서보모터가 들어있는건가?'라고 생각 할 것이다. 맞다! 그렇다! 저 안에 서보모터가 들어가 있다. 블록코딩을 하기 전에 서보모터가 들어가 있는 그것에 대해 알아 보자. 


그것은 스위처! <- 클릭


홈페이지상에 있는 제품과는 많이 다르다. 맞다. 내가 가지고 있는건 몇년전에 구매한 스위처다. 클라우딩펀드로 구매한 스위처 첫번째버전! 여자친구가 침대에 있다가 잘려고 불 끄러 갈때 잠이 깨서 휴대폰으로 끌 수 있는 제품을 찾다가 구매한 제품이다. 이외에 다른 제품도 있는데, 스위처는 전등 스위치에 붙히고 블루투스로 연결하여 편하게 쓸수 있는 제품이다. 스위치배선에 연결하는 제품은 설치가 쉽지 않아서 이 제품을 구매했다. 그러나 완벽함을 추구하는 여자친구는 가끔 블루투스가 정상적으로 연결이 안되어서 불편함을 호소하여 지금까지 내가 가지고 있었다. 그리고 마이크로비트로 전등 스위치 IOT를 흉내내 보자 해서 뚝딱 하고 마들어 봤다. 정말 뚝딱 하고 만들어 졌다.


 그럼 이제 시작해 보자. 부제인 '단지 서보모터를 제어했을 뿐인데'를~~~~~~~~ GO GO GO!


 블록코딩 하기 전스위처 안은 어떻게 생겼는지 보자! 아래 사진처럼 서보모터(SG90), 조도센서(Cds), 충전모듈(TP4065), 블루투스&MCU로 구성되어 있다. 내가 필요한건 하우징& 서보모터다! 나머지는 마이크로비트가 제공하는 기능으로 할 것이다. 

<스위처 내부 사진>


 마이크로비트와 위의 재료로 전등 스위치 IOT를 흉내 낼건지 큰 그림그려보자.

<큰 그림>



필요한 재료

마이크로비트 2대

마이크로비트 확장보드 1개

서보모터(SG90) & 스위처 하우징

보조배터리


 

<준비된 사진>


 준비는 되었다. 그럼 블록코딩을 해보자.

<송신쪽 마이크로비트 블록코딩> 

microbit-전등mb1 (2).hex

 

송신쪽 마이크로비트 블록코딩간단하다.

A버튼을 누루면 1송신

B버튼을 누루면 0송신


1 -> 전등 켜기

0 -> 전등 끄기



<수신쪽 마이크로비트 블록코딩>

microbit-전등mb2 (2).hex


 

수신쪽(서보모터 제어) 마이크로비트 블록코딩도 간단하다.


무선으로 값을 받으면 서보모터제어한다.

값이 1이면 전등 스위치 켜기

값이 0이면 전등 스위치 끄기


 마이크로비트 2개를 가지고 전등 스위치 IOT흉내 내어 보았다. 기존 제품품질이나 디자인이나 성능은 많이 차이가 난다. 왜냐면 목적 자체가 무선으로 켜고/끄기간단하게 동작 원리만 흉내낸 것이기 때문인다. 스위처 처럼 제품으로 만들려면, 비용적인 부분, 디자인적인 부분, 기능적인 부분, UX적인 부분 이외에도 많은 부분을 고려해야 한다. 어쨋든 나는 마이크로비트를 가지고 아이디어를 표현하고, 제품으로 가능성이 있는 것들전문가한테 맡겨야 겠다. 


 내일 부터 설연휴다. 재미있게 보내자!



블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

<펄러비즈 하트 사진> 

출처 : http://blog.naver.com/amin0831/220667134588

 

 사진에 보이는 것처럼 펄러비즈로 만든 하트 모양을 마이크로비트 네오픽셀 LED를 이용하여 만들어 보려고 한다.  


재료는 아래와 같다.

 * 마이크로비트 1개 

 * 네오픽셀 RGB LED 27개

 * 점퍼선 3개

 * 하트모양 아크릴 앞 뒤 한개씩

 * 고정 너트(3개)와 볼트(6개) 



완성된 것을 먼저 보자

<27개의 네오픽셀에다가 레인보우적용한 것>


<27개의 네오픽셀에다가 내가 원하는 색을 적용한 것>


첫번째화려하지만, 오늘 목표두번째다. 자 이제 작해 보자! 크게 두 부분으로 나눠서 해야 된다. 한 부분은 내가 원하는 동작을 할 수 있게 재료들연결 해줘야 한다. 즉 피지컬(물리적인) 부분이다. 다른 한 부분소프트웨어다. 내가 원하는 색으로 네오픽셀 LED동작하게 끔 마이크로비트 블록코딩을 해야 한다. 먼저 소프트웨어 부분 부터 해보자.


 

<간단하게 목표 정리한 노트>

 

 다음은 종이에 정리한 내용이다.


 * 얼굴 부분과, 눈 부분 각각 제어

   한번에 전부 제어 할려면, 눈 모양 만큼 똑같은 걸 반복해야 해서, 

   반복을 피하려고 얼굴 부분과 눈 부분을 분리하여 제어 한다.


 * 오른쪽 하트속의 숫자

   네오픽셀 위치다. 위치는 0부터 시작 하기때문에 0~26을 사용 한다.


 * 을 제어할 네오픽셀 위치

   눈의 위치는 5, 6, 8, 9, 12, 13, 15, 16다.

   00 00 ->  5  6  8  9

   00 00     1223 1516


 * 눈 모양은 8가지로 한다.

   OO OO | OO OO | OO OO | OX  XO | XO  OX | XO  XO | OX  OX | OO OO 

   XO XO  | OX  OX | OX  XO | OO OO | OO OO | OO OO | OO OO | XO  OX




종이에 정리한 내용을 가지고 블록코딩을 하자.  microbit-하트 (8).hex

얼굴 부분




눈 부분

 

얼굴 부분 - face 배열 변수에는 얼굴 부분에 해당하는 네오픽셀 LED 위치가 저장되어 있다.

*얼굴색바꾸기 함수는 face 배열 변수의 있는 값을 하나씩 꺼내 그 위치에 있는 LED 색을 그린으로 설정한다.


눈 부분 - eyes 배열변수에는 눈 부분에 해당하는 네오픽셀 LED 위치가 저장되어 있으며, eyeShape 배열 변수에는 0,1로 눈 모양을 표현한 값들이 들어 있다. 예들 들면 다음과 같다.

  00 00 -> 0, 0, 0, 0 

  0X X0     0, 1, 1, 0

*눈모양바꾸기 함수는 랜덤으로 0~7 중에 한 숫자를 선택하여 눈모양을 결정하고, eyes 배열 변수와 eyeShape 벼열 변수의 값들을 가지고 눈 모양 위치에 있는 LED 색을 정해진 색으로 지정한다


<블록코딩 사진>


얼굴 부분과 눈 부분을 쉽게 제어하기 위해 배열을 사용했다. 블록코딩으로 배열은 가독성이 떨어져 코드로 아래와 같이 표현 한다.

face = [0, 1, 2, 3, 4, 7, 10, 11, 14, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26]

eyes = [5, 6, 8, 9,
12, 13, 15, 16]
eyeShape = [[0, 0, 0, 0,
1, 0, 1, 0],
[0, 0, 0, 0,
0, 1, 0, 1],
[0, 0, 0, 0,
0, 1, 1, 0],
[0, 0, 0, 0,
1, 0, 0, 1],
[0, 1, 1, 0,
0, 0, 0, 0],
[1, 0, 0, 1,
0, 0, 0, 0],
[1, 0, 1, 0,
0, 0, 0, 0],
[0, 1, 0, 1,
0, 0, 0, 0]]

 

 


이제 다른 한 부분피지컬(물리적인) 부분을 보자. 완성된 피지컬 부분은 아래 사진과 같다.

<만든어진 하트를 마이크로비트와 점퍼선으로 연견할 사진>


<하트모양 아크릴 & 네오픽셀 LED>


내가 사용한 네오픽셀은 스트립 타입이다. 그래서 옆의 사진처럼 필요한 만큼 짤라서 쓰고 이어서 쓸수 있다. 개수로 27개가 필요하다. 아크릴은 예전에 수원 셀프제작소에서 레이저로 잘라 만든 것이다. 시중에서 파는 것이 아니다...... 일단 저렇게 고정해 놓고, 잘린 부분은 선으로 이어 주면 된다.

 

<선을 연결 하기 전>


<선 연결 후>


사진에 보이는 대로 래 한줄인 네오픽셀 스트립을 필요한 만큼 잘라 하트 모양을 만들고 잘려진 부분을 으로 연결한 것이다. 네오픽셀 스트립을 이용하는 이유는 3선으로(GND, +5V, DI)로 쉽게 제어가 가능하기 때문이다.

피지컬(물리적인) 부분은 이것으로 완성이다. 


네오픽셀 LED는 사용&제어가 쉬워서 응용할 수 있는 부분이 많다. 할 수 있는 것들을 찾아봐야 겠다.

블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.


이번에 알리익스프레스에서 구매한 GPIO 확장 보드다. 집에는 다른 종류의 확장 보드들이 있지만 심플하고 가격착하여 몇개 구매를 했다. 지인도 하나 줄겸^^ 간단하게 테스트할때는 악어클립을 이용하도 괜찮겠지만 간단한거 이외에 여러개를 연결할 경우 보드에 직접 땜질 할 경우가 아닌 이상 너무 불편하다. 그냥 보드에 땜질하는건 아무리 생각해도 아닌거 같다--.--. 싸게 구매해서 막써도 괜찮을 거 같다 ㅋ~

<BBC micro:bit GPIO Expansion board 사진>


그리고 아래사진은 마이크로비트 핀맵이다.

<마이크로비트 핀 맵 사진>

몇개의 LED랑 연결된 핀에 LED 연결하여 시험하면 제대로 동작 안되는 것들이 있으니깐 주의해야 겠다.

블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

정보처리기능사 실기 알고리즘 달팽이 형 문제를 마이크로비트 웹에디터이용하여 원리이해해 보려고 한다. 정보처리기능사 실기는 문제 형태는 변하지 않았지만, 작년부터 객관식에서 주관식으로 바뀌었다. 그래서 이해를 못하면 찍지도 못하는 그런 시험이 되었다. 예전 지인에게 알고리즘 알려 주면서 프로그램언어를 이용하면 더 쉽게 이해하지 않을까 생각했었다. 그럼 마이크로비트 웹에디터로 해보자.










































<정보처리기능사 실기 알고리즘 달팽이형 문제> 


<블럭 사진>

플로우차트대로만 만들면으로 확인 할 수가 없어배열에 저장 되는 것을 시각적으로 보기 위해  이미지 변수를 하나 만들어 사용 하고 그 부분만 함수로 만들었다. 그리고 노란색으로 하이라이트 된 부분을 보자! 불록 코딩하면서 전혀 볼 수 없었던 문자들이다. 그렇다. 블록으로 표현 못하는 부분은 저렇게 문자로 표현 된다. 즉 현재 제공된 블록으로는 다 표현을 할 수 없다는 것이다. 그렇지만  처음 생각했던 대로 마이크로비트 웹에디터이용하여 더 쉽게 이해 할 수 있다.

microbit-알고리즘 (4).hex


한단계 한단계 실행하며 확인 하다 보면 금방 이해 될 것이다. 동영상으로 확인~

<실행 동영상>


그럼 한장의 사진을 더 보고 다음 질문생각을 해보자

<자바스크립트 사진>


플로우차트, 블록, 자바스크립트 중 

어느 것이 아이디어를 잘 표현할 수 있을까??

어느 것이 바로 만들 수 있을까??

어느 것이 이해가 쉬울까?? 

어느 것이 눈에 확 들어올까?? 


분명 서로장단점존재 한다. 결국은 거의 대부분 배우고 사용해야 하는데, 어떻게 하면 재미있고 쉽게 할 수 있는지는 눈에 보일것이다



블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

본 체험 제품은 element14 의 후원을 받아 아이씨뱅큐㈜ 에서 진행하는 무상 체험단 활동으로 작성한 것입니다.


이번 시간에는 마이크로비트에 대해 개인적인 생각들을 써보려고 한다. 

귀엽다. 첫눈에 작고 앙증맞은 것이 귀엽다. 개인적인 생각이다. 코니가 앞에 있어도 돼지콧구멍시선이 간다^^

<작고 앙증맞고 귀여운 마이크로비트 사진>


재미있다. 코니가 웃으면서 흔들어 주길래 나는 두손으로 흔들어 줬다^^. 돼지콧구멍에서 외계인으로 변신시켜 줬다.

<두손으로 흔들고 있는 마이크로비트>


사진으로 보기엔 아쉽다. 그래 동영상으로 보자

<두손 흔드는 마이크로비트 동영상>   microbit-getting-started (1).hex



간단하고 쉽다. 두손 흔들고 있는 외계인 마이크로비트를 LED로 표현하기 위해서 마이크로비트 홈페이지접속하고, 코드 만들기 페이지로 들어가 블럭을 만들고, 다운로드 하여 마이크로비트에 복사하기만 하면 끝이다. 기본적으로, 따로 따로 제어할 수 있는 25개의 LED 불빛들프로그래밍 가능한 2개의 버튼하드웨어 확장 가능 핀센서와 온도 센서들, 움직임 센서들(가속도 센서와 나침반(자기) 센서), 라디오(Radio)와 블루투스 (Bluetooth)를 이용한 무선 통신 기능이 제공되어 내가 생각한 것들어려움 없이 만들 수가 있다.


재미있는 만보기 - 아래의 기능을 하는 만보기를 만든다고 가정해 보자!(만들어 올릴 예정^^)

 * 버튼을 눌러 만보기의 기능을 시작 

 * 가속도 센서를 이용하여 움직일 때마다 숫자를 증가

 * 특정 숫자에 도달하면 응원하는 음이나 LED로 표현, 

 * 버튼을 눌러 현재 얼마만큼이나 걸었는지 확인

마이크로비트는 당장이라도 뚝딱뚝딱 만들어서 밖으로 나가 제대로 동작하는걸 확인 할 수 있다! C언어 같은 프로그램 언어를 모르더라도 말이다. 만약에 자바 스크립트파이썬을 사용하고 싶다면, 블록코딩에서 아쉬운 몇%를 채울 수가 있어서 더욱 좋다^^.


아래의 사진은 재단 소개페이지다. '마이크로비트 교육 재단은 비용리 조직으로서 전 세계의 어린이들이 학교교육/모둠활동/집에서 컴퓨터과학기술을 활용해 창의성을 키우고 디지털 지식과 활용 능력들을 키울 수 있도록 하는 것을 목표로 하고 있습니다.'  위의 재미있는 만보기의 예처럼 아이디어를 마이크로비트를 통하여 현실로 만들수 있도록 도와 주는게 마이크로비트 교육재단의 목표이다.

<마이크로비트 소개 및 목표 사진>


돈이 많이 든다. 단품으로도 충분히 기능들 활용하여 아이디어를 표현할 수 있다. 그러나 기본으로 제공하는 것 이외에 것들을 마이크로비트로 만들려고 하면 추가적인 확장부품들을 구매를 해야 한다. 이건 다른 개발 보드도 마찬가지 이지만, 솔더링이나 전기, 전자에 대한 지식이 부족한 아이들에겐 이미 만들어져 있는 확장 보드를 구매를 해야 한다. 비싸다 ㅠㅠ. 


금전적인 부분에 있어서 단점(다른 개발 보드도 마찬가지)이 있지만, 마이크로 비트귀엽재미있고 간단하고 쉬워 코딩교육아이디어를 표현 할 수가 있어 좋은 제품이라 생각 한다. 



마이크로비트 공식 구입처 아이씨뱅큐 http://www.icbanq.com/
엘리먼트14 특장점 - 글로벌 전자부품 유통회사, 6만원 이상 무료배송, 60만가지 재고 보유, MOQ 없음한글 웹사이트국내서비스센터 운영(http://kr.element14.com/?CMP=DSP-ODB-KR-JAN2018-BLOG-ICBanQ1-HOMEPAGE)
마이크로비트 공식 카페 : http://cafe.naver.com/bbcmicro
아이씨뱅큐 공식 블로그 : http://blog.naver.com/icbanq


블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

본 체험 제품은 element14 의 후원을 받아 아이씨뱅큐㈜ 에서 진행하는 무상 체험단 활동으로 작성한 것입니다.

코딩교육을 위한 마이크로비트 사용자모임

마이크로비트 홈페이지


지인과 함께 신청하여 같이 무상 체험단 활동을 하게 되었다. 아이씨뱅큐에 감사의 마음을 전한다. 마이크로비트를 처음 만저보는건 아니지만, 이벤트로 다시 만나보니 좋다^^


마이크로비트 제품을 받기까지 이런저런 일들이 있었다. 동의서 회신을 shop@....으로 하고, 제품 받을 주소가 잘못 전달되어 다른 체험단 분들보다 늦게 받았다. 그래서 고생 아닌 고생을 했지만, 기분은 좋다^^. 


아이씨뱅큐로 부터 온 택배를 뜯어 보면 '즐거운 체험 기간이 되기를 바라며' 안내문구와 함께 제품이 들어 있다. 

<개봉 사진>


아래는 예전 구매했던 마이크로비트 단품 포장이다.

<다른 포장>


핑크는 이번에 받은 마이크로비트!

아래그린은 예전에 직접 구매했던 마이크로비트!

<색이 다른 두개의 마이크로 비트>


4가지의 색이 있다고 하는데...... 다 가지고 싶다 ㅠㅠ. 4개를 산다고 서로 다른 색의 마이크로비트가 있다고 생각하면 오산!

왜냐면 제품은 랜덤배송이기 때문에!!!!!!!


포장이 풀면 마이크로비트 본체, 배터리 홀더, 배터리, USB케이블, 메뉴얼이 들어 있다.

<제품 구성 사진>


미본 순살 과자는 마이크로비트와 크기를 비교하려고 넣은 것이다. 절대 제품안에 과자와 칼은 들어 있지 않다. ㅡ.ㅡ

이번 체험단에 제공한건 마이크로비트 스타터 키트다. 단품에 밖에서도 사용할수 있도록 배터리홀더와 배터리가 포함된 것이다. 처음 구매하는 분이라면 단품보다는 키트추천한다.  제품 상세 구성 정보는 아래 링크를 통해 알 수 있다.


단품 <-클릭

마이크로비트 스타터 키트 <-클릭

ElecFreaks 마이크로비트 스타터 키트 <- 클릭



마이크로 비트는 다음과 같은 특징을 가지고 있다.(마이크로비트 사이트에 있는 내용 가져옴)

더 자세히 <- 클릭

따로 따로 제어할 수 있는 25개의 LED 불빛들

프로그래밍 가능한 2개의 버튼

하드웨어 확장 가능 핀

센서와 온도 센서들

움직임 센서들(가속도 센서 나침반(자기) 센서)

라디오(Radio) 블루투스(Bluetooth)를 이용한 무선 통신 기능

USB 인터페이스 


간단하게 마이크로비트 개봉기와 특징을 알아 봤다. 아두이노비슷한 보드사용했던 분들이라면, 꽤 괜찮은 보드다라고 생각 할 것이다. 그래 괜찮다. 처음 시작하는 아이부모입장에서 보면 어려움 없이 재미있게 창의성, 논리적 사고력, 수학적 해결능력, 문제의 분석능력, 판단력과 컴퓨터 언어의 구성과 이해력의 종합적인 능력배양 할 수 있을거라 생가한다.


개봉기라 마이크로비트 LED를 이용하여 옆으러 흘러가는 문자를 만들어 봤다. 글자 내용ICBanq, element14, http://bonghanwith.tistory.com 다. 그냥 단순히 후원자를 위한 거다^^.



소개.hex업로드 하는 방법 <- 클릭

코딩교육을 위한 마이크로비트 사용자모임

마이크로비트 홈페이지


마이크로비트 공식 구입처 아이씨뱅큐 http://www.icbanq.com/
엘리먼트14 특장점 - 글로벌 전자부품 유통회사, 6만원 이상 무료배송, 60만가지 재고 보유, MOQ 없음한글 웹사이트국내서비스센터 운영(http://kr.element14.com/?CMP=DSP-ODB-KR-JAN2018-BLOG-ICBanQ1-HOMEPAGE)
마이크로비트 공식 카페 : http://cafe.naver.com/bbcmicro
아이씨뱅큐 공식 블로그 http://blog.naver.com/icbanq


블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

제목 그대로 당첨 됐다~. 지인당첨 됐다^^. 개봉기와 사용기올릴 예정이다. 코딩교육을 받고 싶은

학생이나, 관심이 많은 선생님&학부모라면 좋은 경험이 될 수 있다고 생각 한다. 미리 알고 싶다면

마이크로비트 공식홈페이지 또는 ICBanQ가 마이크로비트 강좌를 올리는 카페에 올려진 글을 보면 된다.


알고 싶은 내용이 있다면, 댓글로 질문을 하면 된다. 그냥 댓글로 질문 하면 된다. 

블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.

참 편하다. 아두이노로 25개 LED 제어할려면, 이것저것 준비해야 할게 많다. 하지만, 마이크로비트는 이 본체만 있어도 가능하다. 블록에디터는 기본이고, 자바스크립트와 파이썬으로 프로그래밍을 할 수 있다.



https://microbit.org/ -> 시작은 여기서 부터

https://makecode.microbit.org/# -> 블록에디터 및 자바스크립트 에디터

https://python.microbit.org/v/1 -> 파이선 에디터

https://mbed.com/daplink -> 펌웨어 업데이트 관련 페이지



블로그 이미지

김코치 나미쵸

컴퓨터 코치 김코치 컴퓨터 자격증 취득과 아는 힘의 즐거움을 드립니다. 나도 할 수 있다는 자신감은 덤으로 드립니다. 기초부터 실무까지 김코치를 찾아 주세요.