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

Slides:



Advertisements
Similar presentations
일정 관리 다이어리 제작 JSP Programming with a Workbook. 학습 목표  사용자의 일정을 관리할 수 있는 다이어리에 대하여 알아보자. JSP Programming with a Workbook2.
Advertisements

진우석 오준민 정무여 김상구 황현서 5조5조.
1. 도형의 연결 상태 2. 꼭지점과 변으로 이루어진 도형 Ⅷ. 도형의 관찰 도형의 연결상태 연결상태가 같은 도형 단일폐곡선의 성질 연결상태가 같은 입체도형 뫼비우스의 띠.
Term project. Touch-screen 활용 그림판 –Touch-screen 을 입력장치로 하여 LCD 상에 그림을 그리는 프로그램 – 터치 입력을 절대 좌표로 받는 디바이스 /dev/touch 를 만들어 응용 프 로그램에서 수행하도록 함. –User interface.
게임엔진 Term Project 학번 : 이름 : 오민형 2D 게임 프로그래밍 Project.
4D 장치 제작 체험으로 배우는 아두이노 및 SW프로그래밍 교육
초등용 빛으로 노래해요.
컴퓨터와 인터넷.
재료수치해석 HW # 박재혁.
Chapter04 캔버스(2) HTML5 Programming.
순차, 조건, 반복 이점숙 같은 문제 다르게 해결하기 순차, 조건, 반복 이점숙
풀 다운 메뉴 File > New “intent” 이름을 넣고 OK 를 클릭한다.
자바실험실 이동준 우리 곁으로 다가온 사물 컴퓨팅 자바실험실 이동준.
아두이노 센서의 연결 디지털 및 아날로그 센서값의 특징 디지털 센서 핀 구조 및 연결하기 아날로그 센서 핀 구조 및 연결하기
Open Graphics Library 팀 명 : Spes 송정웅 김정환
실험 3 - 비선형 연산 증폭기 회로와 능동 필터 전자전기컴퓨터공학부 방 기 영.
컴퓨터 응용과 3학년 1반 조장 김영조 조원 구본건 , 임선택
전광판 어플 크레파스통 도상미 박아란 이민영.
Error Detection and Correction
멀티미디어 시스템 (아날로그 이미지,신호를 디지털로 변환 방법) 이름 : 김대진 학번 :
버스카드 시스템 1조 하경록 : 작품 제작, 파워포인트 김태승 : 작품 제작, 파워포인트 최성호 : 작품 제작, 프로그래밍
LCD 모듈의 특징 LCD 컨트롤러 내장으로 모든 디스플레이 기능을 명령어로 제어 8비트 혹은 4비트로 인터페이스
컴퓨터 프로그래밍 : 실습3 2장 데이터와 식.
SW교육의 필요성을 이해하시나요? 코딩, 소프트웨어 시대 - 조용한 혁명
스크래치 언어 이해 스크래치 이용법 습득 고양이가 말을 하며 움직이는 예제 작성
(생각열기) 옷가게에서 옷을 살 때와 옥가게 밖으로 나와 서 옷을 볼 때 옷 색이 달라져 보이는 이유는?
Solar Tracking Parasol
피타고라스 정리 Esc.
15차시_스마트 애플리케이션 기획 스마트 애플리케이션 모형 제작 및 발표.
LCD Controller Colorbar
아두이노 프로그래밍 5일차 – Part2 아두이노 보드간 통신 강사: 김영준 목원대학교 겸임교수.
색체 인식과 영상 장치 빛의 합성과 색체 인식 백색광 ex) 햇빛, 형광등, 백열등
Hello, Python! #2 <부제: 코딩은 혼자하는 것이다>
논리회로 설계 및 실험 5주차.
Python Turtle 민경현.
볼링게임 시스템 3조 오지연, 손수경.
10차시: 크리스털 LCD 명령어 기초 준비물 SPL-Duino 보드 개요: 크리스털 LCD의 기초 명령어를 익혀 봅니다.
1차시: 낮과 밤이 생기는 원리 지구과학
아두이노 매트릭스 코딩 매트릭스 기본 명령어 실습 01차시 ㈜헬로앱스 김영준.
정다면체, 다면체와 정다각형, 다각형의 관계 한림초등 학교 영제 6학년 5반 송명훈.
PSD센서 명령어 이해하기 목차 재료준비 및 브레드 보드 배선 구성하기 PSD센서 명령어 이해 및 실습 응용 작품 만들기.
키패드 센서 및 전역변수 목차 재료준비 및 브레드 보드 배선 구성하기 키패드 센서 이해 전역변수 실습 응용 작품 만들기.
중등용 몸으로 말해요.
브레드 보드 연결하기 목차 브레드보드 핀구조 아두이노 입출력 핀 이해하기 전원 연결하기 LED 연결하기 LED 회로 작동시키기.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
(생각열기) 축구장의 전광판에 사용되는 LED에서 나오 는 빛의 3원색은 무엇인가?
ITQ 정보기술자격 국가공인 Excel 2007 Ⅱ 함수- 15회차 강사 : 박영민.
모션 캡쳐와 3D-MAX를 활용한 컴퓨터 애니메이션
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
아두이노 프로그래밍 5일차 – Part1 블루투스 통신 강사: 김영준 목원대학교 겸임교수.
4장. 데이터 표현 방식의 이해. 4장. 데이터 표현 방식의 이해 4-1 컴퓨터의 데이터 표현 진법에 대한 이해 n 진수 표현 방식 : n개의 문자를 이용해서 데이터를 표현 그림 4-1.
작도 작도 작도: 눈금 없는 자와 컴퍼스만을 사용하여 도형을 그리는 것
컴퓨터 구성요소와 사용 컴퓨터 문서 작업 인터넷 활용
1. 정투상법 정투상법 정투상도 (1) 정투상의 원리
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
Coding for Kids.
엔트리-아두이노 블록 코딩 평원중학교 이동준 자바실험실 JavaLab.org.
다양한 아두이노 개발툴 및 H/W 한국기술교육대학교 아두이노 개발 SW 비교 1 스크래치 2 SPL 블록 3 SPL 스크립트
ITQ 정보기술자격 국가공인 Excel 2007 Ⅱ 함수- 12회차 강사 : 박영민.
정삼각형을 정사각형으로 바꾸는 원리 탐구 하귀초등학교 6학년 고지상.
미 술 5 학년 4.이야기 세상 (5-6/6) 초기화면 마술 그림을 그리고 작품 감상하기.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
Texture Mapping Example
아두이노 프로그래밍 2일차 – Part4 아날로그 키패드 활용하기 강사: 김영준 목원대학교 겸임교수
학습목표 10색상환에 있는 색 이름을 알고 생활 주변의 대상에서 찾아볼 수 있다..
집적회로 프로젝트 계획서 박경순 이윤실.
버스와 메모리 전송 버스 시스템 레지스터와 레지스터들 사이의 정보 전송을 위한 경로
Power Point 예제 디자인 적용 (서식) - (디자인적용) - (원하는 디자인 선택)
3-4학년군 스팀수업 빛의 도화지에 다각형 그리기.
BoardGame 보드게임 따라가기.
Presentation transcript:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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이다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

THANK YOU STEAM