인터랙티브아트는무엇인가요

주말에 가족들과 함께 미술관에 간 나비는 재미있는 경험을 했다.

넓은 전시장에는 큰 화면이 가득 채웠고 사람들이 화면 앞에서 춤을 추는 듯한 동작을 하고 있었다.

나비도 사람들과 함께 몸을 움직여 보았다.

나비 앞에 펼쳐진 화면에서는 재미있는 그림이 나왔고 나비가 움직일 때마다 그림이 바뀌었다.

나비는 마치 자신과 화면이 대화를 하는 것 같다는 생각이 들었다.

재미있는 미술, 인터랙티브아트에 대해 알아보자.

인터랙티브아트가 궁금해!

대니얼 로진, <거울> 스콧 스니베, <경계의 함수> 제르 소프, <엑소>

인터랙티브아트는 무엇인가요? 관객의 참여를 이끄는 미술이다.

인터랙티브아트는 어떻게 만들까?

입력

(센서를 통한 움직임, 소리)

알고리즘

(컴퓨터 프로그래밍)

출력

(화면 이미지, 조각 움직임)

데이터 입력 알고리즘 출력

활동 1. 어떤 데이터 수집 장치가 쓰였을까?

1. 사람의 움직이나 신체 데이터를 감지하는 센서는 어떤 것이 있을까?

종류 센서

활동 1. 어떤 데이터 수집 장치가 쓰였을까?

1. 각 작품은 어떤 센서를 사용할까? 관람객의 어떤 데이터를 통해 작품이 작동할까? 센서 장치와 입력 데이터에 대해 상상해보자.

종류

센서

입력 데이터

종류

센서

입력 데이터

종류

센서

입력 데이터

데이터와 실시간 분석

데이터 과학(data science)에서는 수많은 데이터 속에서 의미 있는, 쓸모 있는 정보를 얻기 위해서는 데이터를 분석하고 데이터 속에 담긴 패턴을 찾는다.

위 표는 1992~2017년 국민체력실태 조사에서 측정한 50대 남성의 윗몸일으

키기 평균 횟수이다. 어떤 변화가 보일까?

데이터와 실시간 분석

그래프로 보면 변화(추이)가 더욱 잘 보여요!

데이터와 실시간 분석

인터랙티브아트에서는 센서를 통해 실시간으로 데이터를 수집하고 출력(결과)

이 나올 수 있도록 입력 데이터의 기준과 범위를 설정해 알고리즘을 만든다. 실

시간 데이터 수집과 분석은 소비자 행동과 마케팅 전략을 세우는 데 중요해지

고 있다.

활동 2. 우리 주변의 실시간 데이터

▶ 이 데이터를 통해 어떤 정보를 파악할 수 있을까?

▶ 데이터는 어떻게 시각적으로 표현되었을까?

▶ 시각적으로 표현된 데이터는 어떤 기준(범위)에 따라 구별할 수 있을까?

정리

인터랙티브 아트는 내가 알고있던 미술과

어떻게 다를까?

내가 잘 활용하는 혹은 우리 주변의

실시간 데이터 예는

무엇이 있을까?

다음 시간 예고

다음 시간에는 마이크로비트를 활용한 데이터 수집기를 만들어볼

것 이 다 . https://microbit.org/ko/guide/ 에 방 문 해 미 리

마이크로비트를 알아보도록 하자.

디지털 헬스케어는? 인공지능, 데이터 과학, 웨어러블 기기 등 IT 기술을 이용해서 건강 관리와 의료 서비 스를 제공하는 것을 말한다.

웨어러블 장치는? 개인의 운동과 신체 변화에 대한 데이터를 기록하는 장치다. 만보계, 스마트워치…

- <건강하게 내 건강 지킨다. 디지털 헬스와 웨어러블>https://www.youtube.com/watch?v=utUgh-2QL0A - <미래를 입는다. ‘웨어러블’ 기기 진화 > https://www.youtube.com/watch?v=mFqdl-3IE2U

이번 시간에는 마이크로비트를 활용해 운동 데이터를 수집하는 장치를 만들어보자.

디지털 헬스케어와 웨어러블 장치

마이크로비트를 소개합니다.

25개 LED

2개 버튼

USB 단자

외부기기 및 하드웨어 연결핀

가속도 및 나침반센서 프로세서

라디오 및 블루투스 안테나

리셋버튼 건전지 단자

마이크로비트 센서

1 빛 센서 빛 센서는 앞면 LED에 있으며 빛의 밝기를 0-255단계로 나

누어 감지한다.

2 온도 뒷면 프로세서에 내장된 온도 센서는 온도를 감지해 섭씨

온도로 나타낼 수 있다.

3 가속도 마이크로비트를 흔들거나 움직일 때 단위시간 당 속도

변화를 검출해 대상의 기울기, 속도 등을 측정할 수 있다.

4 나침반 자기 센서로 감지한 자기력 값을 측정해 마이크로비트가

놓여있는 방향(동,서,남,북)을 인지할 수 있다.

마이크로비트 가속도 센서

LED 스크린이 위로 향할 때

X축은 마이크로비트를 오른쪽, 왼쪽으로 기울일 때 움직임을 감지한다.

Y축은 앞쪽, 뒤쪽으로 기울일 때 움직임을 감지한다.

Z축은 앞면, 뒷면의 움직임을 감지한다.

X

Y

Z

[

페어링] (모둠별 1대)

* 아래 설명은 아이폰 기준

* 활동지의 QR 코드로 아이폰 및 안드로이드 페어링 동영상을 참고

① microbit 어플리케이션을 다운받는다.

② 배터리가 연결된 마이크로비트를 준비하고 핸드폰 블루투스를 켜고 어플리케이션을 열어 [connect]를 누른다.③ [PAIR A NEW MICRO:BIT]를 누른다.

④ 화면에 나오는 대로 마이크로비트의 A, B 양쪽 버튼과 뒷면의 RESET버튼을 동시에 누른다.

마이크로비트 LED 창이 채워지고 블루투스 그림 이후 LED 패턴이 나올 때까지 누른다.

⑤ 어플리케이션 [NEXT]버튼을 누르고 마이크로비트 LED패턴과 같은 모양으로 어플리케이션에 그려준다. 기기마다 패턴이 다릅니다. [PAIR]를 누른다.

⑥ 마이크로비트 LED창에 A버튼(왼쪽)을 누르라는 화살표가 등장하면 A버튼을 누른다. 혹은 어플리케이션에서 숫자를 누르라고 하면 LED창에 뜨는 숫자를 어플리케이션에서 누른다.

⑦ 어플리케이션에 “You have successfully paired with micro:bit”라는 문구가 뜨면 페어링에 성공!!

기본 [시작하면 실행], [무한반복 실행]과 같은 기본 적인 블록들이 있음

입력 센서나 사용자의 명령을 받을 때 사용

음악 소리를 재생할 때 사용

LED LED 창에 그림을 나타낼 때 사용

라디오 다른 마이크로비트와 라디오 통신을 할 때 사용

반복 마이크로비트에 똑같은 일을 반복시킬 때 사용

논리 조건에 따라 다른 동작을 하도록 만들 때 사용 (만약 ~이면 ~~실행)

변수 정보를 담아둘 그릇인 변수를 설정하거나 사용

메이크코드(마이크로비트 코딩 프로그램)

프로그램 창 블록메뉴

시뮬레이터

예제 1. 이름표 만들기

① [입력] - [A 누르면 실행]

블록을 옮긴다.

② [기본] - [문자열 출력]

블록을 [A 누르면 실행] 블 록 사이에 끼운다.

[“Hello!”]를 선택해 내 이 름 이니셜을 영문을 입력 한다.

③ 페어링 상태에서 오른쪽 아래 버튼을 을 눌러 마이 크로비트에 코드를 업로드 (플래싱)한다.

※ 업로드(플래싱)는 페어링 (A,B버튼+RESET버튼)이 된 상 태에서 가능한다.

예제 2. 만보계 만들기

변수란? 계속 변하는 값이면서 그 값을 저장하는 공간

걸음수는 조건(흔들림)에 따라 계속 변하는 값입니다.

변수 ‘걸음수＇를 만들고 0에서부터 시작하도록 저장 한다.

센서를 통해 흔들림이 감지되면 걸음수 값이 1씩 증가 하도록 만든다.

• 출력시간 지연 현상을 방지하기 위해 보라색

●●●

블록에서 [LED 스크린 애니메이션 중단 및 삭제] 블록을 추가한다.

걸음수를 LED에 숫자로 출력한다.

움직임 데이터 장치 예시: 아령

아령은 Y축을 사용한다.

만약 Y축의 값이 일정 범위에 도달할 때 아령횟수 1씩 증가 시킵니다. 논리 블록인 [만약

~] 블록을 사용한다.

출력시간 지연을 방지하기 위

해 [일시중지]블록을 사용할

수 있다.

움직임 데이터 장치 예시: 아령

빈 페트병에 돌을 채우고 마이크로비트를 부착하면 완성!

A버튼을 눌러 아령 횟수를 세어보자.

하나둘 하나둘 영차 영차!!

활동 2. 나의 움직임 데이터 측정기 설계(모둠)

1 움직임 정하기

2 데이터(수치) 측정 신체 부위 정하기

3 마이크로비트 센서 정하기

4 장치 케이스 및 밴드 제작

5 코딩 알고리즘 짜기

6 makecode에 코딩, 테스트, 정교화

무엇을 만들어볼까?

균형막대기?

투명 림보?

활동 3. 나는 체력왕!

벨크론(찍찍이)과 다양한 재료로 운동 장치를 만들고 친구들의 운동을 기록해보자. 제한된 시간에서 어떤 자세와 동작을 취할 때 가장 높은 기록이 나올까? 친구들의 데이터를 수집해보자.

일번 이름 평균값(1)

1 2 3 4 5 6

평균값(2)

○ 평균값(1)을 통해 친구들의 운동기록 평균값을 비교해보자. 누가 체력왕일까?

○ 어떤 동작 및 환경에서 평균적으로 좋은 기록이 나올까?

함께하는 인터랙티브아트

데이터를 바탕으로 관람자들 사이의 상호작용을 유도하는 인터랙티브아트에 대해 알아보자.

팀 머레이 브라운과 팀, <동굴의 소리>, 2012~ 애런 코블린과 자넷 에켈만, <셀 수 없는 스파크>, 2014

마이크로비트의 통신

마이크로비트는 무선통신할 수 있는 블루투스 칩셋과 안테나가 장착되어 있다.

활동 1. 마이크로비트 통신 따라하기

[1] 기분 라디오: 자신의 기분을 다른 마이크로비트에 전송한다.

라디오 그룹 1로 설정

[전송] A누르면 0(기쁨) 전송/ B누르면 1(슬픔) 전송

[수신] 0(기쁨) 받으면 스마일/ 1(슬픔) 받으면 ㅠㅠ

두 개 이상의 마이크로비트에 똑같이 코딩하고

A/B 버튼을 서로 눌러가며 통신한다.

활동 1. 마이크로비트 통신 따라하기

[2] 운동 릴레이: 기록에 도달하면 다른 친구에게 신호를 보내 운동 릴레이를 펼칠 수 있다.

흔들리면 걸음수 1증가.

5까지 걸으면 라디오 전송 1!

찌지직

참여하는 모든 마이크로비트에

쓴다.

‘트리거’ 변수를 써서

1번이 신호를 보내면 신호

전송을 멈출 수 있게 한다.

활동 1. 마이크로비트 통신 따라하기

[2] 운동 릴레이

활동 2. 데이터 술래잡기 코딩 설계

0 준비: 친구들에게 보낼 메시지(문자, 이모티, 이모지) 설계 - 목표 달성했다는 신호

1

모둠별 라디오 그룹 설정

모든 마이크로비트가 같은 라디오 그룹에 있어야 함께 레이스를 펼칠 수 있습니다. 모든 마이크로비트를 라디오 그룹 1로 설정한다.

2 움직임 데이터 장치 데이터 범위 설정

**값(혹은 회수)이 @이상 혹은 이하이면 라디오 전송

3 라디오 송신

각 모둠별로 라디오 전송 수를 정한다. 1모둠은 1, 2모둠은 2....

4

라디오 수신

-각 모둠별 전송 수에 따라 어떤 메시지(문자, 이모티, 이모지)를 보낼지 설계한다. 설계 결과를 다른 모둠과 공유 해 [라디오 수신하면 실행: receivedNumber]블록을 동일하게 쓴다.

5 테스트 및 수정: 모둠별 혹은 전체 모둠이 함께 테스트해가며 코드를 수정한다.

활동 3. 친구들과 함께하는 인터랙티브아트

※ 게임 진행

① 모둠별로 각 모둠의 움직임 데이터 장치를 소개한다.

② 다른 모둠 장치의 입력 데이터에 대한 내용을 기록한다.

③ 게임을 진행할 순서를 정한다.

④ 첫 번째 모둠이 운동을 해 데이터 값이 일정 범위에 도달하면 다른 모둠의 장치에 메시지가 출력된다.

⑤ 바톤을 이어받듯이 메시지를 받은 두 번째 모둠은 운동을 통해 다른 모둠에게 메시지를 전송한다.

⑥ 게임을 진행하는 동안 다른 모둠의 메시지에 대해 아래 표에 적는다.

1모둠 2모둠 3모둠 4모둠 5모둠

장치 센서

메시지

무슨 생각을 전할까?

우리가 3차시동안 배운 내용을 정리해보자.

인터랙티브 아트를 만나고 만들어 본

나의 소감을

말해보자.

데이터를 통해

친구들과

상호작용한 경험은 어땠는지

나누어보자.