Presentation is loading. Please wait.

Presentation is loading. Please wait.

소리에 반응하는 플렉서블 디스플레이 웨어러블 중학교, 1학년 STEAM.

Similar presentations


Presentation on theme: "소리에 반응하는 플렉서블 디스플레이 웨어러블 중학교, 1학년 STEAM."— Presentation transcript:

1 소리에 반응하는 플렉서블 디스플레이 웨어러블 중학교, 1학년 STEAM

2 성취기준 과학 [9과06-02] 물체의 색이 빛의 삼원색으로 합성됨을 관찰하고, 영상 장치에서 색이 표현되는 원리를 설명할 수 있다. 정보 [9정05-02] 센서를 이용한 자료 처리 및 동작 제어 프로그램을 구현한다. [9미01-04]미술과 다양한 분야의 융합 방안을 모색할 수 있다. 미술

3 이 수업을 통해서 플렉서블 디스플레이 프로그래밍 빛의 합성 협업 창의적인 표현 센서에 반응하는 패턴

4 Prologue 광고판이 투명하고 휘어져 있다
영화 마이너리티 리포더의 한 장면으로 주인공이 지나가는데 홍채로 신원을 파악한 광고판이 주인공에게 말을 걸어 온다.

5 Prologue 센서(sensor) 에 반응하여 다양한 형상을 표현하는 방식이 미래의 디스플레이가 될 것이라고 예상

6 생각 만나기 농구장 LED옷 응원단의 망토에는 줄의 형태로 LED가 달려있고 시간에 따라 색 변화

7 생각 만나기 2018평창 동계올림픽 폐막식의 LED로 장식한 의상의 댄서들

8 생각펼치기 일반적인 LED 장식이 아닌 센서(sensor) 에 반응하는 플렉서블 디스플레이 장치를 만들어 실생활과 연결
개선을 위한 토의 일반적인 LED 장식이 아닌 센서(sensor) 에 반응하는 플렉서블 디스플레이 장치를 만들어 실생활과 연결

9 생각펼치기 플렉서블 디스플레이 플렉서블 매트릭스 LG 휘어지는 화면 출처:LG디스플레이블로그

10 생각펼치기 플렉서블 디스플레이의 사용

11 생각펼치기 플렉서블 디스플레이의 개발 현재 ‘옷 자체가 디스플레이’웨어러블 기술 개발 투명 플렉시블 디스플레이

12 무엇을 할까? 01 02 03 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 02 소리센서의 범위에 따른 빛의 합성색 그림 디자인 03 다양한 패턴의 웨어러블 디스플레이

13 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 01

14 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 - 디스플레이에 도형 그리기 - 명령 블록을 활용해 소리센서에 반응하는 프로그래밍

15 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 4센서읽기 3도형그리기 2연결방법 1준비물

16 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 준비물 소리센서 8*32 플렉서블 디스플레이 아두이노+확장보드

17 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 연결방법 1) 아두이노를 USB로 컴퓨터에 연결

18 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 2) 하드웨어 프로그램으로 연결하기

19 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍

20 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍

21 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 3) 플렉서블 디스플레이 보드에 연결하기

22 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 1 2 데이터 입력 D9 빨간색 VIN 검정색 GND 3

23 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍

24 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 플렉서블 디스플레이의 구조 가로 : X축 세로 : Y축

25 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 사각형 그리기 1. D9 포트에 연결된 디스플레이에서 256개의 LED를 사용한다. 2. 채워진 사각형의 시작 좌표는 ( 0 , 0 ) 너비(width)의 길이 5, 높이(height)의 길이 5 색깔은 Red(150), Green(150), Blue(150)

26 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 사각형 그리기

27 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 사각형 그리기 도형의 깜빡임 표현 알고리즘

28 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 사각형 그리기

29 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 원 그리기 1. D9 포트에 연결된 디스플레이에서 256개의 LED를 사용한다. 2. 채워진 원의 중심 좌표는 ( 9 , 3 ) 반지름(radius)의 길이 3 색깔은 Red(150), Green(150), Blue(150)

30 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 원 그리기

31 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 삼각형 그리기 1. D9 포트에 연결된 디스플레이에서 256개의 LED를 사용한다. 2. 채워진 삼각형의 1꼭지점 좌표는 ( 0 , 0 ) 2꼭지점 좌표는 ( 0 , 5 ) 3꼭지점 좌표는 ( 10 , 0 ) 색깔은 Red(150), Green(150), Blue(150)

32 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 채워진 삼각형 그리기

33 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 빛의 삼원색 다음 명령 블록의 RGB 값을 변화시키면서 나타나는 색을 적어보자. Red Green Blue 표현되는 색의명칭 255 빨강 초록 파랑

34 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 소리의 크기에 반응하는 디스플레이 표현하기

35 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 데이터 입력 A0 연결방법 빨간색 +5V 검정색 GND

36 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 1. D9 포트에 연결된 디스플레이에서 256개의 LED를 사용한다. 2. 소리센서를 아날로그 ‘A0’포트에 연결하고 값을 읽도록 한다. -화면에 수치 표시 3. 만약 소리센서의 값이 0보다 크면(즉 소리가 감지되면) 4. 채워진 사각형의 시작 좌표 (x1, y1)는 (0, 0), width(너비)의 길이가 ‘5’, height(높이)의 길이가 ‘5’인 사각형을 표현한다. 5. 사각형의 색깔 red, green, blue의 값은 각각 150, 150, 150이다.

37 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 6. 만약 소리센서의 값이 0이면(즉 소리가 감지되지 않으면) 7. 모든 LED를 끈다. 8. 0.1초 기다린 후 다음 명령을 수행한다. 9. 아두이노가 연결된 상태에서 계속 반복된다.

38 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 화살표로 지시한 부분의 숫자를 변경하면서 도형이 나타나는지 살펴본다.

39 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 프로그램을 학번, 이름으로 저장하기

40 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 프로그램을 학번, 이름으로 저장하기

41 소리센서의 범위에 따른 빛의 합성색 그림 디자인 02

42 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
- 빛의 합성색 표현하기 - 소리센서의 범위에 반응하는 빛의 그림 프로그래밍

43 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
4프로그래밍 3디자인결정 2웨어러블 결정 1빛의 합성

44 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
빛의 삼원색 다음 명령 블록의 RGB 값을 변화시키면서 나타나는 색을 적어보자. Red Green Blue 표현되는 색의명칭 255 빨강 초록 파랑

45 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
다음 명령 블록의 RGB 값을 변화시키면서 나타나는 색을 적어보자. Red Green Blue 표현되는 색의명칭 255 노랑 청록 자홍

46 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인

47 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
웨어러블 결정

48 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
우리 모둠 디자인 가. 소리센서 값의 범위-( )단계 나. 디스플레이에 표현할 도형의 모양 다. 색구성(색의 이름)

49 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
우리 모둠 디자인 라. 나의 디자인 구분 소리센서 값의 범위 LED색상이름 과 RGB값 도형의 모양과 크기 (대략의 화소 수 비교) A 0<소리<(a ) ( ) , , B (a )<소리<(b ) C (b )<소리<(c ) D (c )<소리<(d ) E (d )<소리

50 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
우리 모둠 디자인 예시 [A단계] 0<소리<400 : 작은 녹색( )삼각형 [B단계] 400<소리<800 : 중간 크기의 노란( ) 삼각형 [C단계] 800<소리 : 가장 큰 크기의 빨간( ) 삼각형

51 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
소리에 반응하는 빛의 그림 프로그래밍 예시 모둠별 창의적인 작품 프로그래밍

52 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
소리에 반응하는 빛의 그림 프로그래밍 삼각형

53 02. 소리센서의 범위에 따른 빛의 합성색 그림 예시 모둠별 창의적인 작품 프로그래밍

54 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
소리에 반응하는 빛의 그림 프로그래밍 막대모양

55 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
프로그램을 학번, 이름으로 저장하기

56 다양한 패턴의 웨어러블 디스플레이 03

57 03. 다양한 패턴의 웨어러블 디스플레이 - 웨어러블 작품 제작 - 발표 및 평가

58 03. 다양한 패턴의 웨어러블 디스플레이 01 02 03 04 작품제작 포스터 작성 발표 평가

59 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
웨어러블 작품 제작 웨어러블로 장치하기 위한 아두이노 업로드 ☞ 작성된 코드의 이벤트를 아두이노 프로그램으로 교체한다. - 스크래치로 작성된 코드를 아두이노에 업로드를 위한 이벤트로, 업로드 후에는 아두이노의 전원이 유지되는 동안 결과를 제어할 수 있다. ☞ 생각하기 블록을 제거한다.

60 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
웨어러블 작품 제작 완성된 스크래치 프로그램을 아두이노로 업로드

61 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
웨어러블 작품 제작 완성된 스크래치 프로그램을 아두이노로 업로드

62 02. 소리센서의 범위에 따른 빛의 합성색 그림 디자인
웨어러블 작품 제작 아두이노에 보조밧데리 연결

63 03. 다양한 패턴의 웨어러블 디스플레이 웨어러블 작품 제작

64 03. 다양한 패턴의 웨어러블 디스플레이 웨어러블 작품 제작

65 03. 다양한 패턴의 웨어러블 디스플레이 웨어러블 작품 제작

66 포스터 제작 포스터에 들어갈 내용 - 제목: - ( )조, 조원 명단( ) - 장치의 종류(웨어러블의 형태):
03. 다양한 패턴의 웨어러블 디스플레이 포스터 제작 포스터에 들어갈 내용 - 제목: - ( )조, 조원 명단( ) - 장치의 종류(웨어러블의 형태): - 음악 소리 크기에 따른 패턴의 특징: - 우리모둠 작품의 우수한 점: - 작품 그림(최종 작품의 웨어러블 설치 모습) - 관련직업 안내

67 03. 다양한 패턴의 웨어러블 디스플레이 포스터 제작

68 03. 다양한 패턴의 웨어러블 디스플레이 포스터 제작

69 01 02 03 04 발표 Step Step Step Step 03. 다양한 패턴의 웨어러블 디스플레이 설명자가 남고 나머지
인원이 옆 모둠으로 작품 설명 2분 이내, 이동 30초 관람 하다가 잘 된 작품에 스티커 해당 작품의 우수한 점과 보완 할 점을 메모지ㅍ 이동하여 작품을 감상하고 평가 Asadal stands for the"morning land“ in ancient Korean. Started its business in Seoul Korea in February 1998 with the fundamental.

70 03. 다양한 패턴의 웨어러블 디스플레이 발표

71 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 평가

72 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 평가

73 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 평가

74 01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍
01. 빛의 삼원색을 표현하는 플렉서블 디스플레이 프로그래밍 평가

75 THANK YOU STEAM


Download ppt "소리에 반응하는 플렉서블 디스플레이 웨어러블 중학교, 1학년 STEAM."

Similar presentations


Ads by Google