<펄러비즈 하트 사진> 

출처 : 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 의 후원을 받아 아이씨뱅큐㈜ 에서 진행하는 무상 체험단 활동으로 작성한 것입니다.

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

마이크로비트 홈페이지


개봉기에 이어 첫번째 사용기를 올려 본다. 

블록코딩은 체험단 활동을 하기 전부터 잘하는건 아니지만 스크래치엔트리를 통해 바로바로는 아니지만 자료를 찾아가면 할 수 있는 정도는 알고 있다. 다행이도 지인과 같이 체험단 활동을 하게 되어, 둘이서 할 수 있는 2인용 가위바위보 게임을 만들어 보았다. 처음부터 바로 만들기에는 무리가 있어 워밍업으로 마이크로비트 공식 홈페이지에 있는 '팀 가위 바위 보' 진행 하기로 했다.


<팀 가위 바위 보 사진> microbit-팀가위바위보.hex


대규모 멀티플레이어 가위 바위 보 게임은 모든 플레이어들이 동시에 흔들면, 바위(rock), 보(paper), 가위(scissors) 를 나타내는 번호와 아이콘이 모든 플레이어의 화면에 나타나게 된다. 가장 많은 개수가 나온 플레이어가 이기게 되는 게임이다. 따라하면서 '라디오 수신하면 실행'하는 부분에서 문제가 생겨 잠신 고민했지만, 해결 됐다.(기본적인 라디오 블록을 알고 했다면 쉽게 해결 할 수 있는 부분임)


워밍업을 끝났고, 2인용 가위바위보를 만들기 시작

<규칙 사진>


블록 코딩하기 전에 지인과 몇가지 규칙을 정해서 해야 하는데, 간단하다. 자기만의 스타일로 게임 결과를 표시 한다.(나는 이모티콘으로, 지인은 영어문자로) 그리고 라디오 통신할때 주고받는 숫자에 대한 정의 정도이다. 기본 블록코딩만 공유해서 사용하고 나머지는 각자 블록코딩을 하기로 했다.


<공유된 블록 코딩사진> microbit-2인용가위바위보_기본.hex


잘안되면 고생이고, 한번에 되면 너무 좋고! 짜장면 내기도 했다! 그럼 바로 시작!

<최종 완성된 블록 코딩 사진> microbit-2인용가위바위보_최종.hex


위 사진에서 보면 이김, 비김, 짐을 판단하는 부분과 결과를 표시 하는 부분이 지인과 다른 부분이다.  다음은 실제 게임 동영상이며, 누가 내기에 이겼는지는 동영상을 보기 바란다!.


<실제 동작-내기 동영상>


처음 계획아크릴로 캐릭터 케이스를 만들고, 지인3D프린터케이스를 만들어 개성넘치는 가위바위보 게임을 보여 주려고 했다. 상황이 바뀌어 마이크로비트 본품으로만 진행된 것이 아쉬운 부분이다. 아쉬움을 뒤로 하고 이쯤해서 사용기를 마친다.


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

마이크로비트 홈페이지


마이크로비트 공식 구입처 아이씨뱅큐 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 -> 펌웨어 업데이트 관련 페이지



반응형
블로그 이미지

두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

,