목 차

(1)

(2)

(3)

목 차

0. 프로그램 요약 ··· 1

1. 주제 개요 ··· 2

2. 학습 목표 ··· 2

3. STEAM 과목 및 학습 준거 ··· 3

4. 차시별 수업 계획 총괄표 ··· 4

5. 평가 계획 ··· 6

6. 차시별 교수학습과정 ··· 8

7. 기타 자료 ··· 16

(4)

(5)

0. 프로그램 요약

주 제 명 ‘코드’로 통하는 세상 적용 학년 초등학교 5,6학년 적용 모형 주제중심 학습

차시 단계 소주제 주요 내용 관련

교과

1 주제

확인

코드와 인사하기

도 입 IT 미래 기술체험 - 지폐로 보는 홀로그램

사회, 실과, 과학 학 습

활 동

활동1 : 코드의 변천

(바코드, QR코드, 스마트태그) 활동2 : QR코드가 쓰이는 사례

예) 기상청 QR코드를 통해 우리 동네 날씨 마 무 리 활동 1, 2를 통해 알게된 점을 소감 및 발표하기

2~4

탐구 활동 및

탐구결 과 처리

나만의 QR코드 와 함께 마음을 전달하기!

도 입 생활속에 숨어든 코드 - 전세계를 스캐닝 하다.

실과, 미술 학 습

활 동

활동 1 : 나만의 코드 만들기 ① 나만의 QR 코드 구상하기 ② 나만의 QR코드 설계하기 ③ 나만의 QR코드 만들기

- 네이버 QR 코드를 활용하여 제작 활동 2 : 나만의 QR코드를 첨부하여 친구에게 메일 보내기

① 메일쓰기 ② QR코드 첨부하기 ③ 메일보내기 마 무 리 활동 1, 2를 통해 알게된 점을 소감 및 발표하기

5~6

나만의 칼라코드

만들어 보기

도 입 ‘QR코드’는 지고 ‘칼라코드’는 뜬다.

실과, 미술, 수학 학 습

활 동

활동1 : 칼라 코드 제작(웹사이트 Colorzip 활용) ① Colorzip에 접속

② 회원가입 및 로그인

③ Make Colorcode - 무료체험 코드 선택 ④ 정보입력 후 칼라코드 완성, 다운로드 활동2 : 나만의 칼라코드를 만들어 보기 ① 25칸 칼라코드 생성매체 구상

- 종이, 천, 유리, 색종이, 손도장, 레고 블록 조립 색연필 색칠, 색깔 포스트지

② 나만의 칼라코드 창의적 설계 및 제작

③ 나만의 칼라코드를 스캐닝하여 서로 확인하기

(6)

1. 주제 개요

‘코드’로 통하는 세상이라는 주제는 코드를 중심으로 변화하는 IT세상에서 보다 스마트한 생활을 누리기 위한 것이다. 수업 단계는 코드를 중심으로 주제 확인, 탐색 및 탐구활동, 탐구결과 처리 등을 체험으로 이루어지며 코드를 통해 세상과 연결한 다. 그리고 초등학생들의 상상공작 체험과 IT 미래 기술 체험 교육 내용까지 제시하 여, 학생들이 자연스럽게 흥미를 갖도록 하여 다양한 문제를 해결해 나가는 과정을 자연스럽게 체득할 수 있도록 하였다.

2. 학습 목표

초등학교 5, 6학년을 위한 ‘코드’로 통하는 세상을 주제로 한 프로그램의 학습목표는 다음과 같다.

구 분 학습 목표 관련차시

내용 목표

코드의 과거, 현재, 미래의 변천을 통해 코드를 이해할 수 있다. 1

자신만의 코드를 설계하고 제작하여 메일을 통해 마음을

전달할 수 있다. 2~4

나만의 칼라코드를 창의적인 디자인과 제작을 할 수 있다. 5~6

과정 목표

나만의 코드 제작을 통해 컴퓨터 활용 능력을 신장할

수 있다. 2~6

QR코드를 본인이 직접 스캔해 봄으로써 재미와 흥미 등을

느낄 수 있다. 2~4

칼라코드 생성매체를 다양하게 제작해 봄으로써 성취감

을 갖을 수 있다. 5~6

(7)

3. STEAM 과목 및 학습 준거

STEAM 과목 요소

교과별

영역

2007 개정 교육과정 2009 개정 교육과정

학년 영역 성취 기준 학년군 영역 성취 기준

S

6 ^{(4) 날씨의}_변화 (마) 일기 예보의 과정과 날 씨 정보를 우리 생활에 활용

하는 방법을 안다. 5-6 (3)

날씨와 우리생활

(사) 날씨가 우리 생활에 많은 영향을 주고 있음을 안다.

3 ^{(4) 날씨와}_우리생활 (다) 풍향과 풍속의 뜻을 알 고 기호로 나타낼 수 있다.

T 5

(7) 정보 기기와 사이버 공간

(가) 정보 기기의 종류, 특성, 기능을 이해하여, 생활 속에 서 다양한 방법으로 활용한 다.

5-6

(3) 생활과

정보

일상생활 속에서 올바른 정보윤 리 의식을 가지고 정보 기기와 사이버 공간을 이용하고, 정보기 기를 활용하여 멀티미디어 자료 를 창의적으로 만들어 활용한다.

(가) 정보기기의 종류와 기능을 이해하여 다양한 활용 방법을 익히며, 올바른 정보 윤리 의식 을 가지고 정보기기와 사이버 공간을 이용할 수 있다.

E

A

5-6

- 미술 - (나)표현

방법

여러 가지 표현의 특징을 이해 하고 방법을 익혀서 표현한다.

① 평면, 입체 등의 특징과 표현 효과를 알고 방법 을 익혀서 나타내기

② 표현 방법에 필요한 재료 와 용구의 사용 방법을 익혀서 나타내기

5-6 - 미술 -

② 표현방법

㉯ 여러 가지 재료와 용구, 표 현방법, 표현 과정 등을 탐색하 여 표현하기

•표현 방법에 적합한 재료 와 용구, 표현 과정을 탐색 하고 표현 효과를 살려 표 현 한다.

6

-사회- (6)정보화,

세계화 속의 우리

② 과학과 기술 발달의 방향 을 이해하고, 그것이 일 상생활에 미치는 영향과 문제점을 파악한다.

5-6

-사회- (8) 정보화, 세계화 속의 우리

- 지리•일반사회 영역 -

① 정보화가 일상생활에 미치 는 영향(예, SNS의 영향, 저 작권 문제, 사이버 일탈 등) 을 파악하고 이에 대한 대 응 방안을 모색할 수 있다.

M 5 확률과 ^(라) 통계

(라) 확률과 통계

 자료의 표현과 해석

③ 목적에 맞게 자료를 수집 하고 정리하여 적절한 그 래프로 나타내고, 자료의 특성을 설명할 수 있다.

5-6 (마)

확률과 통계

 자료의 표현

② 실생활 자료를 수집하여 목 적에 맞는 그래프로 나타내 고, 자료의 특성을 설명할 수 있다.

STEAM 학습 준거

단계 STEAM 학습 준거

상황제시 IT 미래 기술체험 (지폐로 보는 홀로그램)을 통해 흥미유발하기 코드로 보는 IT세상을 통해 흥미 유발하기

3차원 한국형 칼라코드 소개를 통해 동기 유발하기 창의적

설계

다양한 2, 3차원 코드 설계하기

25칸 칼라코드 생성매체 이용 창의적 설계하기

감성적 나만의 코드를 만들고 스캐닝 해 봄으로써 성취감을 갖을 수 있도록 하기

(8)

4. 차시별 수업 계획 총괄표

교사용 Tip

1차시 경우는 스마트한 세상에서 코드의 변천 및 사례를 통해 학생들이 자연스 럽게 코드에 흥미와 관심을 가질 수 있도록 해야 한다.

QR코드 제작을 학습자가 잘 알고 있을 경우 2~4차시 수업을 압축적으로 운영 가 능하다.

차시별 시수에서 2~4차시와 5~6차시의 수업을 바꾸어 진행할 수 있다.

5~6차시의 경우 5차시 전까지 학습이 압축적으로 이루어질 경우 5~6차시 수업 은 확산적으로 운영할 수 있어야 한다.

코드를 중심으로 변화하는 IT세상에서 2~4, 5~6차시는 학습자가 나만의 QR코드, 칼라코드 제작 및 감성적 체험이 함께 이루어질 수 있어야 한다.

교사는 학생들의 수업과정 참여 및 태도를 평가영역에 따라 수시로 확인해야 하 고 학생은 학생용 프로그램 북을 통해 포트폴리오 작성 및 평가를 받을 수 있도 록 해야 한다.

수업전 및 수업중 교사는 학생들이 코드 제작을 잘 하는지 수시로 확인하고 조력 해야 하고 교육자료로 P.P.T와 시뮬레이션을 적극적으로 활용해야 한다.

(10)

5. 평가 계획

평가 내용

방 법 수업과정 참여 및 태도

학생 평가

포트폴리오 자기 평가

평가

동료 평가

비율 20 (%) 20 (%) 30 (%) 30 (%)

수업과정 참여 및 태도

평가 영역 관련 내용 세부

점수 만점

협동심

상 문제 해결과정에서 구성원의 협동이 잘 이루어 졌다. 7

20 중 문제 해결과정에서 구성원의 협동이 보통이다. 5

하 문제 해결과정에서 구성원의 협동이 잘 이루

어지지 않았다. 3

수업태도

상 실습 진행 과정에서 적극적으로 수업에 참여

하였다. 7

중 실습 진행 과정에서 참여가 보통이다. 5 하 실습 진행 과정에서 참여를 하지 않았다. 3 주변정리

상 과제를 수행하면서 주변을 청결히 하였다. 6 중 과제를 수행하면서 주변을 청결이 보통이다. 5 하 과제를 수행하면서 주변이 청결하지 않았다. 4

자기평가

1. 나만의 칼라 코드

점수 만점 Colorzip칼라코드

제작능력

Colorzip 칼라코드 웹사이트를 이용하여 제작을

바르게 하였는가 ? 1 ~ 5

20 디자인 매체

선택 다양성 칼라코드 디자인 매체 선택을 다양성을 갖추었는가? 1 ~ 5 칼라코드

디자인 창의성 나만의 칼라코드 디자인의 창의성을 갖추었는가? 1 ~ 5 칼라코드 인식율

완성도 나만의 칼라코드를 완성하고 인식이 잘 되는가 ? 1 ~ 5

(11)

동료평가

1. 나의 마음을 담은 코드 스티커와 카드

점수 만점

친구1

나만의 코드의 창의성과 함께 따뜻한 메일을 전달능력

1 ~ 10

30

친구2 1 ~ 10

친구3 1 ~ 10

포트폴리오 평가

1. 관련내용 정도에 따른 세부정도(상,중,하) 평가

점수 만점

IT 미래기술체험

상

지폐로 보는 홀로그램 이해정도

5

30

중 4

하 3

코드 공통점과 차이점

상

코드 변천 및 특성 이해정도

5

중 4

하 3

우리동네 예보

상

우리동네 날씨 표현(기호포함)

5

중 4

하 3

나만의 QR코드 설계

상

QR코드 설계능력

5

중 4

하 3

칼라코드 생성매체 구상

상

기발한 칼라코드 생생매체 구상능력

5

중 4

하 3

나만의 칼라코드 디자인 및 색상

상

칼라코드 디자인 및 색상 표현능력

5

중 4

하 3

(12)

6. 차시별 교수학습과정

1차시

학습과제 코드와 인사하기 차시 1/6 대상 초등학교 5-6학년

학습목표 1. 코드의 변천을 이해하고 코드를 활용할 수 있다.

STEAM 교과 연계

교과 단원명 핵심 개념

실과, 사회, 과학

생활과 정보, 정보화, 세계화 속의 우리,

날씨의 변화

코드

교사준비물 PPT, 컴퓨터 학생준비물 필기구, 학습지, 스마트폰 평가 방법

설계

학습과정, 학습결과물을 포트폴리오 형태로 평가하며, 수행과정에서 행동을 관찰, 인터뷰 등을 통해 평가

학습 단계

학습 과정

교수·학습 활동

시간

교육정보 자료 및 교사활동 학생활동 유의점

도입

동 기 유 발

학 습 주 제 파 악 하 기

♧ 학 습 분 위 기 조 성 및 동 기 유 발

◉ [IT 미 래 기 술 체 험 - 지 폐 로 보 는 홀 로 그 램 ] 보 여 주 기

∙ 홀 로 그 램 을 찾 아 보 고 어 떤 모 양 으 로 변 화 하 는 지 찾 아 보 기

∙ 5 만 원 권 을 위 조 지 폐 방 지 하 기 위 한 홀 로 그 램 은 무 엇 이 있 을 까 ?

♧ 동 기 유 발

◉ [IT 미 래 기 술 체 험 - 지 폐 로 보 는 홀 로 그 램 ] 보 면 서 생 각 하 기

․ 홀 로 그 램 을 지 폐 를 통 해 찾 아 보 고 IT 미 래 기 술 에 대 해 생 각

하 기

․ 5만 원 권 을 위 조 지 폐 방 지 하 기 위 한 홀 로 그 램 은 무 엇 이 있 을 지 상 상 하 며 발 표 한 다 .

5 분 ^{■ 지 폐}

◐ 지 폐 로 보 는 홀 로 그램을 통하여 I T 미 래 기 술 에 대 한 흥 미 를 높 인 다 .

◐ 아 동 들 의 호 기 심 을 자 극 하 고 생 각 할 수 있 는 시 간 을 충 분 히 준 다 .

◐ 학 습 문 제 를 명 확 히 인 지 하 도 록 한 다 .

♧ 학 습 문 제 만 들 기 및 확 인 하 기

◉ 학 습문제 파 악을 위한 질 문하기 - 오늘 공부할 내용을 알아봅시다.

◉ 학 습 문 제 를 발 표 한 다 . - 앞 의 활 동 을 바 탕 으 로 오 늘

공 부 할 문 제 를 생 각 해 본 다 .

학 습 문 제

코드의 변천을 이해하고 코드를 활용하기

[활 동 1 ] 코 드 의 변 천 이 해 하 기 [활 동 2 ] Q R 코 드 활 용 하 기

◉ 학 습 활 동 안 내

(13)

학습 단계

학습 과정

시간 교육정보자료 및 유의점

교사활동 학생활동

전 개 학 습 내 용 및 체 험 활 동

◉ 활 동 1

코 드 의 변 천 이 해 하 기

1 5 분 ■ 컴 퓨 터

■ 학 습 지

◐ 학 습 자 모 두 가 문 제 해결 활 동 에 참 여 할 수 있 도 록 지 도 한 다 .

◐ 학생들이 발표시 자신 있 게 발표 할 수 있 도 록 지 도 한 다 . - 생 활 속 에 사 용 되 었 던 바 코 드 ,

Q R 코 드 , 스 마 트 태 그 변 천 에 대 해 알 아 보 기

- 생 활 속 에 사 용 되 었 던 바 코 드 , Q R 코 드 , 스 마 트 태 그 특 징 알 아 보 기

- 바 코 드 , Q R 코 드 , 스 마 트 태 그 , 칼 라 코 드 의 공 통 점 은 무 엇 일 까 요 ?

- 조 사 된 내 용 을 발 표 해 봅 시 다 .

․ 생 활 속 에 이 용 되 는 코 드 생 각 하 기

․ 기 사 를 읽 고 생 활 속 에 사 용 되 는 바 코 드 , Q R 코 드 , 스 마 트 태 그 특 징 을 알 아 본 다 .

․ 바 코 드 , Q R코 드 , 스 카 트 태 그 , 의 공 통 점 과 차 이 점 을 알 아 본 다 . - 언 제 어 디 서 나 인 식 이 가 능 합

니 다 .

- 제 작 이 어 렵 지 않 아 누 구 나 사 용 할 수 있 습 니 다 .

◉ 활 동 2 Q R 코 드 활 용 하 기

예) 기상청 QR코드를 통해 우리 동네 날씨

1 5 분 ■ 컴 퓨 터

■ 스 마 트 폰

■ 학 습 지

◐ QR코 드 를 활용 한 사례 를 창 의적 으 로 상 상 할 수 있 도 록 학 습 분위기를 유도한다.

◐ 학 습 자 스 스 로 활 동 할 수 있 도 록 교 사 는 안 내 자 역 할 만 한 다 .

◐ 교사는 적극적인 활 동 이 되 도 록 순 회 지 도 한 다 .

◐ 학생들이 발표시 자 신 있 게 발 표 할 수 있 도 록 지 도 한 다 .

- Q R 코 드 를 활 용 한 사 례 를 이 야 기 해 볼 까 요 ?

- 모 래 로 만 든 Q R 코 드 취 지 맞 추 어 보 기

- 기 상 청 Q R 코 드 를 스 마 트 폰 으 로 스 캔 하 여 접 속 해 보 기 - Q R 코 드 로 접 속 하 여 기 상 청 에

서 날 씨 정 보 를 알 수 있 나 요 ?

- Q R 코 드 를 이 용 하 여 현 재 날 씨 를 나 타 내 고 날 씨 기 호 등 을 조 사 해 서 학 습 지 에 적 어 봅 시 다 .

- 기 상 청 홈 페 이 지 에 접 속 해 서 무 엇 을 알 수 있 었 나 발 표 해 봅 시 다 .

․ 생 활 에 서 다 양 한 Q R 코 드 사 례 및 경 험 을 생 각 해 보 고 학 습 지 에 작 성 해 본 다 .

․ 모 래 로 만 든 Q R 코 드 취 지 를 상 상 하 고 작 성 해 본 다 .

․ 기 상 청 Q R 코 드 를 스 마 트 폰 으 로 스 캔 하 여 접 속 해 본 다 .

․ 현 재 날 씨 를 알 수 있 어 요 .

․ 우 리 동 네 날 씨 예 보 를 알 수 있 어 요 .

․ 주 간 예 보 와 위 성 영 상 을 볼 수 있 어 요

․ Q R 코 드 를 이 용 하 여 현 재 날 씨 를 나 타 내 고 날 씨 기 호 등 을 조 사 해 서 학 습 지 에 적 어 본 다 .

․ 위 성 관 측 과 레 이 더 관 측 등 을 알 수 있 었 습 니 다 .

(14)

학습 단계

학습 과정

시간

정 리

마 무 리 차 시 예 고

♥ 학 습 정 리 5 분 ■ PP T 자 료

- 바 코 드 , Q R 코 드 , 스 마 트 태 그 의 변 천 과 특 징 을 알 아 보 았 는 데 어 떤 점 을 알 수 있 었 나 요 ?

- 오 늘 학 습 한 내 용 을 정 리 발 표 해 봅 시 다 .

․ 코 드 의 변 천 과 특 징 을 학 습 하 면 서 알 게 된 점 을 발 표 해 본 다 .

․ P PT 자 료 보 면 서 학 습 정 리 해 본 다 .

▶ 소 감 문 작 성

♧ 차 시 예 고

- 차 시 내 용 : 나 만 의 Q R 코 드 와 함 께 마 음 을 전 달 하 기 !

교 수 ∙학 습 활 동 구 분 기 호

♧ 학 습 분 위 기 조 성 및 동 기 유 발 ◉ 학 습 활 동 ▶ 평 가 및 소 감 ♥ 학 습 정 리 ◐ 유 의 점 ■ 교 수 학 습 자 료 ▲ 학 습 활 동 프 로 그 램

(15)

2～4차시

학습과제 나만의 QR코드와 함께

마음을 전달하기! 차시 2-4/6 대상 초등학교

5-6학년 학습목표 1. 나만의 QR코드를 제작하여 친구들에게 메일과 함께 마음을 전달할 수 있다.

실과, 미술

생활과 정보,

표현 방법 QR 코드

설계

학습과정, 학습결과물 포트폴리오 형태로 평가하며, 수행과정에서 행동을 관찰, 인터뷰 등을 통해 평가

학습 단계

학습 과정

시간

도 입

동 기 유 발

◉ [생 활 속 에 숨 어 든 코 드 - 전 세 계 를 스 캐 닝 하 다 .]

- Q R 코 드 로 통 하 는 세 상 에 활 용 사 례 에 대 하 여 상 상 하 고 이 야 기 해 봅 시 다 .

- 자 신 이 직 접 Q R 코 드 를 제 작 하 여 활 용 할 수 있 는 방 법 은 무 엇 이 있 을 까 요 ?

♧ 동 기 유 발

◉ [생 활 속 에 숨 어 든 코 드 - 전 세 계 를 스 캐 닝 하 다 .]

- Q R 코 드 로 통 하 는 세 상 에 활 용 사 례 에 대 하 여 상 상 하 고 발 표 해 본 다 .

- Q R 코 드 호 텔 광 고

- Q R 코 드 스 카 프 -Q R 코 드 티 셔 츠 - 나 만 의 Q R 코 드 로 메 일 과 함 께 친 구 들 에 게 마 음 을 전 달 하 고 싶 어 요 .

1 5 분 ^{◐ 전 세 계} Q R 코 드 사 례 를 스 캐 닝 을 통 하 여 학 습 제 재 에 대 한 흥 미 를 높 인 다 .

◐ 아 동 들 의 호 기 심 을 자 극 하 고 생 각 할 수 있 는 시 간 을 충 분 히 준 다 .

◐ 학습 문 제 를 명 확 히 인 지 하 도 록 한 다 .

◐ 학 습 자 스 스 로 학 습 문 제 를 찾 아 서 만 들 수 있 도 록 자 기 주 도 적 학 습 방 법 을 선 택 한 다 .

♧ 학 습 주 제 만 들 기 및 확 인 하 기

◉ 학 습 주 제 파 악 을 위 한 질 문 하 기

- 오늘 공부할 내용을 알아 봅시다.

◉ 학 습 주 제 를 발 표 한 다 . - 앞 의 활 동 을 바 탕 으 로 오 늘

학 습 주 제

나만의 QR코드를 제작하여 친구들에게 메일과 함께 마음을 전달하기

[활 동 1 ] 나 만 의 코 드 만 들 어 보 기

[활 동 2 ] 나 만 의 Q R 코 드 를 첨 부 하 여 친 구 에 게 메 일 보 내 기

◉ 학 습 활 동 안 내

(16)

학습 단계

학습 과정

◉ 활 동 1

나 만 의 코 드 만 들 어 보 기

6 0 분 ■ 컴 퓨 터

■ 학 습 지

■ 스 마 트 폰

◐ 학생이 창의적인 아 이 디 어 를 생 성 할 수 있 도 록 유 도 한 다 .

◐ 교 사 는 적 극 적 인 활 동 이 되 도 록 순 회 지 도 한 다 .

◐ 학 습 자 모 두 가 문 제 해 결 활 동 에 참 여 할 수 있 도 록 지 도 한 다 .

▲ 나만의 QR코드 구상과 설계 - 나 만 의 Q R 코 드 를 그 려 보 고 정 보 수 집 하 기

․ 나 만 의 Q R 코 드 설 계 하 기

․ 나 만 의 Q R코 드 는 그 려 보 고 이 미 지 , 동 영 상 , 지 도 등 정 보 를 수 집 한 다 .

- Q R코 드 에 내 생 일 초 대 장 의 장 소 와 시 간 등 의 정 보 를 넣 고 메 일 과 함 께 보 내 겠 습 니 다 .

․ 나 만 의 Q R 코 드 설 계 한 다 . - 링 크 , 소 개 글 . 이 미 지 , 동 영 상 . 지 도 , 연 락 처 등

▲ Q R 코 드 만 들 기

․ 네 이 버 Q R코 드 에 접 속 하 기 ․ Q R 코 드 사 용 방 법 결 정 하 기

․ 기 본 정 보 입 력 하 기 ․ 추 가 정 보 입 력 하 기

․ 자 신 의 Q R코 드 설 계 하 기 ․ Q R코 드 생 성 하 기

- 자 신 이 디 자 인 한 Q R 코 드 를 설 명 해 봅 시 다 .

․ 테 두 리 및 스 킨 을 깔 끔 한 이 미 지 로 만 들 어 보 았 습 니 다 .

․ Q R코 드 에 나 의 정 보 를 넣 어 만 들 어 보 았 습 니 다 .

․ Q R코 드 인 식 시 제 홈 페 이 지 로 링 크 해 보 았 습 니 다 .

◉ 활 동 2

나만의 QR코드를 첨부하여 친구에게 메일 보내기

3 0 분

․ 친 구 에 게 마 음 을 담 은 메 일 내 용 계 획 하 고 작 성 하 기

․ Q R코 드 를 첨 부 하 여 친 구 에 게 마 음 을 담 은 메 일 보 내 기

․ 마 음 을 담 을 메 일 내 용 을 생 각 해 본 다 .

․ 나 의 자 신 을 표 현 할 방 법 을 생 각 해 본 다 .

․ 친 구 에 게 메 일 내 용 을 작 성 하 고 Q R 코 드 를 첨 부 하 여 메 일 보 내 기

(17)

학습 단계

학습 과정

시간

정리

마무리 차시 예고

♥ 학 습 정 리 1 5 분

■ p p t 자 료

- 나 만 의 코 드 를 만 들 어 보 았 는 데 어 떤 점 을 알 수 있 었 나 요 ? - 오 늘 학 습 한 내 용 을 정 리 발 표

해 봅 시 다 .

․ 나 만 의 코 드 를 만 들 어 보 면 서 알 게 된 점 을 발 표 해 본 다 .

․ PPT 자 료 보 면 서 학 습 정 리 해 본 다 .

▶ 나만의 코드 제작 품평회 : 자기 평가, 동료 평가 및 소감문 발표

♧ 차 시 예 고

- 차 시 내 용 : 나 만 의 칼 라 코 드 만 들 어 보 기

교 수 ∙학 습 활 동 구 분 기 호

♧ 학 습 분 위 기 조 성 및 동 기 유 발 ◉ 학 습 활 동 ▶ 평 가 및 소 감 ♥ 학 습 정 리 ◐ 유 의 점 ■ 교 수 학 습 자 료 ▲ 학 습 활 동 프 로 그 램

(18)

5～6차시

학습과제 나만의 칼라코드 만들어 보기 차시 5-6/6 대상 초등학교

5-6학년 학습목표 1. 나만의 칼라코드를 다양한 생성매체를 활용하여 제작할 수 있다.

실과, 미술, 수학

생활과 정보, 표현 방법, 확률과 통계

칼라코드

설계

학습과정, 학습결과물 포트폴리오 형태로 평가하며, 수행과정에서 행동을 관찰, 인터뷰 등을 통해 평가

학습 단계

학습 과정

시간

도 입

동 기 유 발

◉ [‘Q R코 드 ’는 지 고 ‘칼 라 코 드 ’는 뜬 다 .]

- 칼 라 코 드 소 개 및 칼 라 코 드 는 어 떻 게 정 보 를 읽 을 수 있 는 지 상 상 하 고 이 야 기 해 봅 시 다 .

- 자 신 이 직 접 칼 라 코 드 를 생 성 매 체 를 활 용 하 여 제 작 할 수 있 는 방 법 은 무 엇 이 있 을 까 요 ?

♧ 동 기 유 발

◉ [‘Q R코 드 ’는 지 고 ‘칼 라 코 드 ’는 뜬 다 .]

- 칼 라 코 드 소 개 및 칼 라 코 드 는 어 떻 게 정 보 를 읽 을 수 있 는 지 상 상 하 고 발 표 해 봅 시 다 . - 색 상 을 조 합 하 여 정 보 를 표 현 - 각 셀마다 색상이 있기 때문에 블 록으로 색상 만들면 인식가능하다.

- 나 만의 칼 라코 드 를 다양 한 생성 매 체 를 활용 하 여 제작 할 수 있 다.

10 분 ◐ 페 이 스 칼 라 코 드 소 개 를 통 하 여 학습제재 에 대 한 흥 미 를 높 인 다 .

◐ 아동들 의 호 기 심 을 자 극 하 고 생 각 할 수 있 는 시 간 을 충 분 히 준 다 .

◐ 학 습 자 스 스 로 학 습 문 제 를 찾 아 서 만 들 수 있 도 록 자 기 주 도 적 학 습 방 법 을 선 택 한 다 .

♧ 학 습 주 제 만 들 기 및 확 인 하 기

◉ 학 습 주 제 파 악 을 위 한 질 문 하 기 - 오늘 공부할 내용을 알아 봅시다.

◉ 학 습 주 제 를 발 표 한 다 . - 앞 의 활 동 을 바 탕 으 로 오 늘

학 습 주 제

나만의 칼라코드를 다양한 생성매체를 활용하여 제작하기

[활 동 1 ] 칼 라 코 드 제 작 (C o lo rzip 활 용 ) [활 동 2 ] 나 만 의 칼 라 코 드 제 작 하 기

◉ 학 습 활 동 안 내

(19)

학습 단계

학습 과정

◉ 활 동 1

칼 라 코 드 제 작 (C o lo rzip 활 용 )

20 ■ 컴 퓨 터

■ 학 습 지

■ 스 마 트 폰

◐ 학생이 창의적인 아 이 디 어 를 생 성 할 수 있 도 록 유 도 한 다 .

◐ 교 사 는 적 극 적 인 활 동 이 되 도 록 순 회 지 도 한 다 .

◐ 학 습 자 모 두 가 문 제 해 결 활 동 에 참 여 할 수 있 도 록 지 도 한 다 . - 칼 라 코 드 는 웹 사 이 트 에 서 어

떻 게 만 들 어 질 까 ?

- 칼 라 코 드 는 웹 사 이 트 에 서 어 떻 게 만 들 어 질 까 ?를 생 각 하 기

․ C olo rzip에 접 속 하 기 ․ M ake C o lorco d e 선 택 하 기

․ 정 보 입 력 하 기 ․ 무 료 체 험 코 드 선 택 하 기

․ 칼 라 코 드 완 성 하 기 ․ 다 운 로 드 하 기

◉ 활 동 2

나 만 의 칼 라 코 드 제 작 하 기

50

▲ 나만의 칼라코드 구상 - 나 만 의 칼 라 코 드 의 생 성 매 체

를 생 각 하 고 정 보 수 집 하 기

▲ 나만의 칼라코드 창의적 설계 및 제작

- 25 칸 칼 라 코 드 셀 의 디 자 인 과 색 상 등 과 생 성 매 체 를 설 명 하 기

▲ 나만의 칼라코드를 스캐닝하고 서로 확인하기

․ 나 만 의 칼 라 코 드 의 생 성 매 체 를 생 각 하 고 정 보 수 집 한 다 . - 종 이 , 천 , 유 리 , 색 종 이 , 손 도 장 , 레 고 블 록 조 립 , 색 연 필 색 칠 , 색 깔 포 스 트 지 등 을 활 용 할 수 있 어 요

․ 25칸 칼 라 코 드 셀 의 디 자 인 과 색 상 등 과 생 성 매 체 를 선 택 하 고 발 표 한 다 .

- 칼 라 코 드 에 나 의 정 보 를 넣 어 만 들 어 보 았 습 니 다 .

- 칼 라 코 드 인 식 시 제 홈 페 이 지 로 링 크 해 보 았 습 니 다 .

․ 나 만 의 칼 라 코 드 를 서 로 스 캐 닝 하 면 서 칼 라 코 드 정 보 를 얘 기 한 다 .

정리 마무

리 차시 예고

♥ 학 습 정 리 1 0 분 ■ p p t 자 료

- 나 만 의 칼 라 코 드 를 만 들 어 보 았 는 데 어 떤 점 을 알 수 있 었 나 요 ?

- 오 늘 학 습 한 내 용 을 정 리 발 표 해 봅 시 다 .

․ 나 만 의 칼 라 코 드 를 만 들 어 보 면 서 알 게 된 점 을 발 표 해 본 다 .

․ PPT 자 료 보 면 서 학 습 정 리 해 본 다 .

▶ 나만의 칼라코드 제작 품평회 : 자기 평가 및 소감문 발표

교 수 ∙학 습 활 동 ♧ 학 습 분 위 기 조 성 및 동 기 유 발 ◉ 학 습 활 동 ▶ 평 가 및 소 감

(20)

7. 기타 자료

1 차시 코드와 인사하기!

^학생용

그림 1. 국내 최대 크기의 QR코드 그림 2. 기상청 어플리케이션

○○은행은 이벤트에 맞춰 빌딩에 가로 × 세로(25m×25m)에 달하는 국내 최대 QR코드를 설치하였다. 기상청 모바일 웹은 PDA, 스마트폰 등의 무선 인 터넷이 가능한 단말기에서 볼 수 있도록 제공하는 기상청만의 날씨 서비스이 다. 이렇게 IT 세상에서 스마트폰의 사용 급증에 따라 코드를 통해 사람들에 게 정보를 전달하는 방식은 일반화되었다.

따라서, IT 미래 사회 변화에 적응하기 위해서 ‘코드’의 변화 및 사용에 대해

생각하며 공부해 봅시다.

(21)

IT 미래 기술 체험 (지폐로 보는 홀로그램)

다음 위조지폐를 막기 위한 특허기술인 홀로그램은 그리스어 holos(전체)와 gramma (메시지 또는 정보)를 결합한 것으로 최근 디지털 홀로그래피 기술은 2012년 KISTEP 10대 미래 유망 기술에 선정되었다.

그림 3. 5천원 신권

1. 5천원권 지폐 홀로그램은 보는 각도에 따라 모양이 변화한다. 다음 그림의 홀로그램을 찾아보고 어떤 모양으로 변화하는지 작성해 보자.

그림 4. 5천 원 홀로그램

내용

2. 5만원권 지폐에서 홀로그램을 찾아보고 빈칸의 내용을 적어보자.

1) 5만원권 지폐 띠형 홀로그램(Holographic Strip)은 앞면 왼쪽 끝 부분에 부착된

특수 필름의 띠로서 액면 숫자 ( )이 세로로 쓰여 있고, 홀로그램

왼쪽 끝에는 ( )이 상·하 2곳에 세로로 새겨져

있고, 오른쪽 끝에는 전통 격자무늬가 한 줄로 새겨져 있음.

(22)

바코드는 이미 많은 사람들이 사용하고 있어 아실 텐데요. 간단히 말하면 다 양한 폭을 가진 검은 막대들과 하얀 막대들의 조합으로서 문자 숫자 또는 특 수 기호를 광학적으로 판독하기 쉽도록 정보를 표현하는 것입니다. 마트에서 쉽게 볼 수 있는 것이지요. 하지만 바코드는 별도의 데이터베이스가 있어야 하 고 한정된 정보만을 담을 수 있어서 한계가 있었습니다. 하지만 이러한 문제를 해결할 수 있는 QR코드와 스마트 태그가 새롭게 등장했습니다.

QR코드는 주로 일본에서 많이 사용되며 명칭은 일본의 덴소 웨이브의 등록 상표 Quick Response에서 종래에 많이 쓰이던 바코드의 용량 제한을 극복하 고 그 형식과 내용을 확장한 2차원의 바코드로 종횡의 정보를 가져서 숫자 외 에 문자의 데이터를 저장할 수 있습니다. 이에 반해 스마트태그는 3차원 바코 드로 컬러 조합형 태그라는 것이 특징입니다.

특히 기존의 OR코드 리더기로는 절대 읽히지 않고, 반드시 마이크로소프트 사에서 배포한 Tag Reader라는 앱을 각자의 폰 OS 또는 제조사에 따라 다운 받아서 설치해야 합니다. 설치한 이후, 리딩 스캔하는 방법은 QR코드와 다르지 않습니다.

그림 5. 5만 원 신권 그림 6. 5만 원 신권 홀로그램

코드의 과거, 현재, 미래

바코드 QR 코드 스마트 태그

그림 7. 바코드, QR코드, 스마트 태그

다음 내용을 읽고, 물음에 답하여 봅시다.

(23)

구분 QR 코드 MS-Tag(smart Tag)

정의 Quick Response Matrix Barcode HCCB(High Capcty Color Barcode)

색상 컬러 / 흑백

형식 2차원

리더기 아이폰 및 안드로이드 아이폰, 안드로이드, 블랙베리,

Windows Mobile etc

지원 앱

QrooQroo, Basket, Scany, QR Reader, 바코드스캐너, QR code,

Eggmon etc

Tag Reader에서만 가능

저장 공간 3,634byte 1,000byte

글자 수 7,089자 500자

배포사 덴소 웨이브 마이크로소프트

1. 바코드와 QR코드, 스마트 태그의 공통점은 무엇일까요 ?

① 언제 어디서나 인식이 가능하다.

② 코드에 따라 정보와 사진, 전화번호, 동영상까지도 삽입이 가능하다.

③ 제작이 어렵지 않아 누구나 사용할 수 있다 .

2. QR코드, 스마트 태그의 차이점은 무엇일까요 ?

<표1> QR코드와 MS-Tag

(24)

기상청은 7월 1일부터 국민 친화형 기상정보서비스의 다양화를 위하여 기상청 모바일 웹(http://m.kma.go.kr)을 QR코드를 이용하여 접속할 수 있는 서비스를 실시한다.

스마트폰 보급이 점차 확산되고 있으며, 그 이용자 수 도 이미 천만 명이 넘어 가히 스마트폰 시대라 할 수 있 다. 이에 기상청도 스마트폰을 이용하여 기상 정보를 활 용할 수 있는 모바일 웹을 이용한 날씨 정보를 대국민

서비스하고 있다.

그림 9. 기상청 QR코드

기상청은 QR(Quick Response)코드를 활용하여 보다 손쉽게 기상 정보를 활 용할 수 있는 기상청 모바일 대표 QR코드 서비스를 실시한다.

스마트 폰으로 QR코드를 스캔 또는 저장하면 언제 어디서나 쉽고 빠르게 기 상청 모바일 웹(m.kma.go.kr)에 접속할 수 있다.

QR코드 활용 사례

일본의 도쿄에 기반을 둔 Sinap사(社)에서 2009년 여름에는 바닷가 모래 위 에 QR코드를 그리는 이벤트를 진행했다. 모래로 만든 QR코드는 인식이 될 까? 그리고 이벤트의 취지는 무엇일까?

그림 8. 모래 위에 QR코드

상상하여 적어보자.

이벤트의 취지는 여름철 휴가시즌 해수욕장에 쌓이는 엄청난 양의 쓰레기에 대한 관심을 불러일으켜 아름다운 모래 사장을 지켜내자는 의미를 부여하고 있다. 이처 럼 QR코드는 단순한 마케팅차원의 활용을 넘어서 사람들의 인식을 전환하는 사 회공헌 프로젝트에도 활용되고 있다는 점은 주목할 필요가 있다.

다음 기사를 읽고, 물음에 답하여 봅시다.

(25)

1. 다음 기사의 QR코드를 읽고 기상청 모바일 홈페이지에서 수집할 수 있는 날씨 의 정보는 무엇인가?

① 기상특보 ② 현재날씨

③ 동네예보 ④ 주간예보

⑤위성영상 ⑥ 레이더 영상

2. 우리 동네 예보를 기상청 QR코드로 접속하여 알아보자.

1) 우리 동네 날씨(날씨, 기온, 풍향/풍속, 강수확률, 강수량(적설))를 표현해 보자.

우리 동네 날씨 예보 :

① 예시 ② 날씨 기호

활동을 정리하기

오늘 활동을 하고 느낀 점을 적어보자.

(26)

읽어보기

QR코드 특허 공개에 대한 오해와 진실 - 덴소웨이브 회사의 특허성공사례

“QR코드의 특허는 오픈되어서 누구나 사용할 수 있다”라는 내용에서 왜 일본의 덴소웨 이브 회사가 특허를 오픈했을까? 라는 질문을 우리 모두 갖을 수 있다. 얼마전 일본 QR 코드 전문 회사 대표와 미팅을 하면서 충격적이면서 일본적인 이야기를 듣고 이해할 수 있었다. 전문 회사 대표의 답변은 2차 바코드의 여러 유형중 QR코드를 세계적으로 보급 시켜 다른 수익모델을 가지고 수익 사업을 하려는 의도라고 했다. 그런데 자세히 일본 덴소 웨이브의 QR코드 홈페이지(http://www.qrcode.com/)에 보면 아래 문구와 같이 되어 있다.

표준화된 QR코드는 DENSO WAVE가 보유한 특허(제 2938338호)의 권리를 행사하지 않음을 선언합니다.

여기서 특허 제 2938338호 란 무엇일까? 실제 내용은 찾아보면 특별한 것이 없다. 특 허를 확인해보면 QR코드에 관해 특허 제 2938338호 외에 분명 수많은 QR코드 관련 특 허들이 등록되어 있었고 이 특허는 덴소웨이브를 비롯한 수많은 기업들이 QR코드 관련 특허를 가지고 있었다.

이는 전세계적으로 QR코드에 대해 관심을 유발하고 보급 확산을 시키기 위해 기본적 인 일부 특허를 오픈하고 기업들이 기본적인 QR코드를 가지고 부가가치 있는 서비스를 할때는 그 외 특허에 관련될 수 밖에 없다. 결국 덴소 웨이브사 전략을 예로 들면 백화점 을 만들고 손님은 백화점에 출입을 자유롭지만 그 백화점에서 장사하는 기업들은 상당한 비용을 지불해야 하는 경우와 비슷하다고 볼 수 있다.

최든 스마트폰의 보급이 확산되면서 공개된 2차원 QR코드 기술을 이용한 사업이 활발 해질 전망이며, 이로 인한 덴소웨이브 회사의 특허전략은 더욱 성공할 것이다.

(27)

방문하기

IT R&D

다음은 IT관련 국가 R&D 관련기관 홈페이지이다. 해당 홈페이들을 이용하여 IT와 관련된 정보통신역사와 발자취에 대해 알아보자.

- 정보통신산업진흥원 : www.nipa.kr/cyber/history.it?menuNo=36

(28)

1. 바코드의 탄생

바코드는 1948년 미국 필라델피아 드렉셀 공과대학의 대학원생인 버나드 실 버(Bernard Silver)에 의해 시작되었습니다. 그는 우연히 식품체인점 업계에서 자동으로 상품정보를 읽을 수 있는 시스템을 필요로 한다는 소식을 듣고 친구 인 우드랜드(Norman Joseph Woodland)와 함께 현재의 바코드를 발명했습니 다. 바코드 체계의 핵심은 이진법 표시체계입니다.

그림 10. 바코드

위의 바코드 그림은 그들이 제안한 세 줄짜리 기본 바코드입니다. 검은 바탕 에 4개의 흰 줄이 그어져 있지요? 이중 1번 줄은 기준선이 되고 나머지 2,3,4 번 줄은 위치가 고정되어 있어 정해진 곳에 흰 줄이 있는 경우 1, 없는 경우 0 을 나타냅니다.

2. 바코드의 해독

스캐너는 빛을 쏘아 반사되는 양을 검출합니다. 바코드에 레이져 빛을 쏘면(①) 검은 부분은 적은 양의 빛을 반사하고, 흰 부분은 많은 양의 빛을 반사합니다.(②) 반사된 빛을 검출하여 전기적 신호로 번역하면 이진수 0과 1로 바뀌어 집니다.

(③④⑤) 이는 다시 문자와 숫자로 해석되고(⑥) 디코더에 의해 컴퓨터가 바코드 를 수집할 수 있는 형태로 변환한 뒤에 호스트컴퓨터로 데이터를 전송합니다.

그림 11. 바코드 해독원리

참고자료

1차원 코드

(29)

1. 100배의 정보량

1차원 바코드가 막대선의 굵기에 따라 가로 방향으로만 정보를 표현할 수 있는 데 반해, 2차원 바코드는 가로와 세로 모두에 정보를 담을 수 있다. 따라서 2차원 바코드는 기존의 것에 비해 100배나 많은 정보를 담을 수 있다.

그림 12. 1차원 바코드와 2차원 바코드

2. 2차원 코드의 종류

현재 ISO 국제 표준화된 2차원 바코드로는 QR 코드, 데이터 매트릭스, PDF417, Maxi Code가 있습니다.

3. QR코드 - QR코드는 바코드를 응용해서 만들었습니다.

그림 13. QR코드 생성 원리

위 그림처럼 가로로 읽을 때만 정보가 있는 1차원적인 바코드를 세로로 쭉 나 열하여 결합하면 2차원 코드가 됩니다. 여기다가 아래 그림에서 설명하는 다른

2차원 코드

(30)

많은 정보를 담을 수 있는 것과 위치찾기 심볼로 360 어느 방향에서나 찍어서 사용해도 무방하고 여러 심볼들 덕에 코드가 손상이 되어도 복구할 수 있습니다.

그림 14. QR코드 구조

알록 달록한 삼각무늬의 스마트 태그의 정식 명칭은 '마이크로 소프트 태그'입니다.

마이크로 소프트사에서 만들었으며, 상품 인식 코드 중에선 가장 최신이기도 하 지요. 아직은 조금 낮설게 생각되시는 분들이 있을텐데요, 국내에 도입된지 얼 마 되지 않았기 때문입니다.

국내에서는 지난 6월에 테스트 통과 후 7월 중 한 음료 광고에서 정식으로 선보였는데요, QR코드가 처음 도입되었을때와 같이 아직은 사용자가 많이 없 지만 곧 활성화 되는건 시간문제 같습니다.

▲ 스마트 테그를 스마트 어플을 통해 읽는 모습 ▲ MS태그 샘플인 잡지와 sW포장상자, 응답카드

그림 15. 스마트 태그

스마트 태그의 사용법은 간단합니다. 스마트 폰에 태그 리더를 다운 받은 후, 스마트 태그를 스캔하면 그 안에 담겨져 있던 정보가 노출되는 것이지요. 제품을 생산하고 판매 하기까지의 전 과정을 초소형 칩(IC칩)에 내장시켜 이를 무선주파수로 추적할 수 있도록 한 기술입니다. 전문가들은 차후 바코드를 대신할 것이라 예측하고 있지요.

기존의 바코드는 저장 용량이 적고, 실시간 정보 파악이 불가할 뿐만 아니라 근접한 상 태(수 cm이내)에서만 정보를 읽을 수 있다는 단점이 있습니다. 그렇지만 스마트 태그는 완제품 상태로 공장 문 밖을 나가 슈퍼마켓 진열장에 전시되는 전 과정을 추적할 수 있 습니다. 소비자가 이 태그를 부착한 물건을 고르면 대금이 자동 결제되는 것은 물론, 재 고 및 소비자 취향관리까지 포괄적으로 이뤄집니다.

3 차원 코드

(31)

저작권 1. 저작권이란?

• 소설가의 소설, 작곡가의 작곡, 게임 개발자의 게임 프로그램 등 문학, 예술, 학술에 속 하는 창작물에 대하여 저작자가 가지는 권리를 말한다.

• 저작자의 권리는 저작 인격권과 저작 재산권으로 나누어진다.

2. 저작물을 올바르게 이용하는 방법 ?

• 저작물은 정품을 구입하여 이용한다.

• 저작자의 허락을 받은 다음 사용한다.

• 저작물의 출처를 밝힌다.

3. 사이버 공간에서 지켜야 할 예절(네티켓)

• 대화하는 사람이 인간임을 항상 기억하고, 현실 세계에서와 같이 말한다.

• 항상 바른 언어와 올바른 맞춤법을 사용한다.

• 불법 소프트웨어나 음란물을 올리지 않는다.

• 다른 사람의 사진이나 작품을 누리집에 올릴 때에는 동의를 구한다.

뽀빠이는 <골무극장(Thimble Theater)>이라는 제목의 잡지 만화 조연으로 처 음 등장했던 캐릭터. 뽀빠이는 온갖 어려움을 겪으면서도 특유의 낙천적인 성격으로 그것을 이겨내는데, 거기에는 언제나 그를 사랑하는 올리브 오일, 그의 연적이자 영원한 맞수 부르 터스가 등장한다. 뽀빠이는 위기에 처했을 때 시금치를 먹고 초인적인 힘을 발휘하는 것으 로 유명한데, 실제로 시금치는 칼로리가 거의 없어 실제로 힘을 쓰는 데 그리 큰 도움이 되 지 않는다고 한다. 재미있는 것은 2009년에 뽀빠이 캐릭터에 관한 저작권이 소멸되었다는 것이다. 만화나 애니메이션의 주인공, 즉 캐릭터를 장난감으로 만들거나 티셔츠, 모자 같은 데 넣어 판매하려면 저작권료를 물어야 한다. 작가로부터 그 캐릭터를 사용할 수 있는 권리 를 사는 것이다. 그런데 이 판권이라는 것이 무한대로 인정받는 것은 아니다. 국가마다 다르 긴 하지만 보통 저작권자 사망 뒤 70년까지를 인정해주고 그 이후는 저작권이 자동으로 소 멸되는데, 1919년 탄생한 뽀빠이가 2009년부터 유럽에서 저작권으로부터 해방이 되었다.

(32)

2~4

차시

나만의 QR코드와 함께 마음을 전달하기

^학생용

그림 16. QR코드 포장지

두 그림은 ○○기업의 QR코드 포장지입니다. QR코드 포장지를 이용하기 위 해서는 ○○기업 홈페이지에 접속하여 전화번호와 스마트폰으로 촬영한 동영 상을 메일로 전송합니다. 다음에 QR코드 포장지를 배송 받아 예쁘게 포장합 니다. 받은 분이 스마트폰을 이용하여 포장지에 배치된 QR코드를 스캔하면 예를 들어 발렌타인 데이에 사랑고백 같은 동영상 화면이 나타납니다.

이와 같이 나만의 QR 코드를 만들어 아름다운 사랑의 마음을 전하기 위해

서 우리에게 필요한 것이 무엇인지 생각하며 공부해 봅시다.

(33)

생활 속에 숨어든 코드를 상상하고 작성해 보자 – 전세계를 스캐닝하다.

코드 전세계 활용 사례 코드 전세계 활용 사례

QR코드 스카프 - 세상에 하나뿐인 패션 아이템

메뉴 설명하는 QR코드

QR코드 전시회 그림 속에 넣어 관련 동영상 연결

(34)

코드 전세계 활용 사례 코드 전세계 활용 사례

피부에 QR코드 문신

QR코드 선진국 일본 묘지 – 생전 기록 사진 볼 수 있도록

초콜릿을 활용한 QR코드 만들기

그림 18. 생활 속에 숨어든 코드 사례 2

(35)

1

나만의 코드 만들기

나만의 QR 코드 구상하여 자유롭게 그려보기 1. 나만의 코드 그려보기

코

2. QR 코드에 넣을 정보 수집

정보 수집 내용 정보 형태

(이미지, 동영상...)

(36)

나만의 QR 코드 설계하기

구분 코드로 통하는 세상

링크 (URL 5개 까지)

링크 제목 : http://

소개글 소개글 작성

이미지

이미지 그리기 또는 사진 붙이기

미지 그리기

이미지 그리기 또는 사진 붙이기

미지 설명

첨부할 PC나 N 드라이브 주소 :

동영상

동영상 스토리 설명 :

첨부할 네이버 비디오나 유투브 동영상 주소 :

지도 첨부할 지도

연락처 첨부할 친구들 연락처

(37)

그림 19. 네이버 회원 가입

나만의 QR코드 만들기

- QR 코드는 어떻게 만들어질까? 생각 보다 QR 코드를 만드는 방법은 훨씬 쉽 다. ‘네이버’와 ‘스캐니’에서 QR 코드를 만드는 방법에 대해 비교하면서 따라해 보자.

1. 네이버 회원 가입(스캐니는 회원 가입 필 요 없음)

(https://nid.naver.com/user/join.html?url=h ttp://www.naver.com)

2. 네이버 QR코드(http://qr.naver.com), 스캐니(http://www.scany.net/kr/) 접속

그림 20. 네이버 QR코드 21. 스캐니 QR코드

3. QR코드 사용 방식 결정

네이버 스캐니

그림 22. QR코드 만들기 그림 23. QR코드 생성

① 나만의 정보담기 또는 QR코드 인식 때 링크로 이동 선택

① 명함, 이메일, 지도 좌표, 전화번호,

SMS, 텍스트, URL, 유투브 동영상

(38)

4. 기본 정보 입력 (QR코드 나만의 정보담기 사용 방식 결정 (예)네이버 QR코드)) ① 코드 제목 입력 – 20자 이내로 입력

② QR코드 스타일 (QR코드 공개 여부 체크 해제) 결정 후 추가 입력 및 위치 선택

그림 24. 코드 기본형 그림 25. 코드 사용자 지정 기본형 – 테두리 컬러 및 스킨 선택 사용자 지정 – 스킨 및 중앙 로고 이미지 첨부

그림 26. 추가 옵션 및 위치선택

③ 공개코드로 내보내기

- QR코드를 '공개코드' 메뉴에서 공유할 수 있음.

공개코드로 설정하지 않아도 만드신 QR코드는 누구나 볼 수 있습니다.

④ QR코드 외부수집을 허용 - 검색엔진에서 QR코드를 수집해 검색결과에 노출될 수 있습니다.

5. 추가 정보 입력

① 본인이 담고 싶은 내용 및 위치 변경 ② 스킨 적용

그림 27. 추가 정보 입력 그림 28. 스킨 적용

(39)

6. QR코드 생성

그림 29. 네이버 QR코드 생성

2

나만의 QR코드를 첨부하여 친구에게 메일 보내기

메일쓰기

1. 마음을 담은 메일 내용

자유롭게 자신의 마음을 담아 봅시다

(40)

활동을 정리하기 평가하기

1. 나만의 코드를 본인과 친구들이 함께 읽어보고 잘된 점과 개선점을 이야기 하여 봅시다.

구분 잘된 점 개선할 점 코드 완성도

친구1

1 0 8 6 4 2

친구2

1 0 8 6 4 2

친구3

1 0 8 6 4 2

활동 정리하기

1. 오늘 활동을 하고 느낀 점을 적어 봅시다.

(41)

쉬어가기

☆ 디자인 QR코드

- 마케팅 등 홍보수단으로 기존 QR코드에 새옷을 입혀 친근하고 모습으로 탈바꿈

그림 30. 디자인 QR코드

(42)

창작하는 사람들의 땀과 노력을 인정하고 보호하기 위해, 합법적인 온라인 공간에서 창작물에 대해 적정한 대가를 지불하고 이용하는 사람들, 올바른 다 운로드로 당당하게 매너 있게 영화를 즐기는 사람들

참고자료

굿다운로더

1. 굿다운로더 캠페인?

그림 31. 굿다운로더캠페인

불법 다운로드를 막자는 차원을 넘어 올바른 다운로드로 매너있고 당당하게 영화를 즐기자는 합법 다운로드 권장 캠 페인 입니다.

① PC 사용자들 일부는 즐기는 영화 파일이나 음악 파일 중에 불법적인 방법으 로 다운로드 받고 있다. 파일 다운로드 작업이라는 것이 마우스 클릭 몇 번으로 간단히 이루어지기 때문에 사용자들은 이것이 불법적인 행위라는 것을 미처 느 끼지 못하는 경우가 많다. 불법 다운로드에 대한 자신의 의견과 굿다운로더 캠 페인을 실천 약속을 이야기 해 봅시다.

2. 굿다운로더 ?

(43)

2. 클린 사이트

(http://www.cleansite.org/index.php)

란?

정부가 지정한 ‘클린사이트’에서 정당한 저작권료를 지불하고 정품 콘텐츠를 다운받는 방법입니다. 문화체육관광부에서는 저작권을 보호하기위해 불법 웹하드들을 막고 클린사 이트 이용을 권장하고 있습니다. 클린사이트는 적법한 절차에 따라 콘텐츠의 이용을 도모 하고 사이트를 관리함으로써 저작권산업 활성화에 기여하는 온라인 서비스 제공자의 콘텐 츠 제공 사이트를 의미합니다. 클린사이트 지정 사업은 이러한 클린사이트를 다수 발굴하 고 육성하여 밝고 건전한 저작물 이용환경을 조성하는 데에 도움이 되고자 하는 목적으로 시작되었으며, 향후 그 활동영역을 더욱 넓혀 문화산업 발전의 기반을 마련하는 데에 힘 을 보탤 수 있도록 노력해 나갈 예정입니다.

스마트 태그 생성

TV에서 2% CF에서 나온 스마트 태그 는 어떻게 만들어질까? 스마트 태그는 생 각 보다 QR 코드를 만드는 방법과 유사 하다. miscrosoft tag에서 스마트 태그를 만드는 방법에 대해 따라해 보자.

그림 33. 2% CF 스마트 태그

1. microsoft tag에 접속 (http://tag.microsoft.com/home.aspx)

(44)

2. Tag Manager에 접속

그림 35. Tag Manager

3. 회원가입(계정이 없으면) 또는 로그인

그림 36. Tag 회원가입

4. 스마트 태그 제작

그림 37. 스마트 태그 제작

(45)

5. 스마트 태그 제작 1) Tag Type중 선택

① URL – URL입력된 블로그, Youtube, 홈페이지 등 스마트폰에서 연결

Tag Type microsoft tag reader

그림 38. Tag Type URL 그림 39. Tag Type URL read

2) Free Text – 글자를 자유롭게 작성하면 스마트폰에서 보여줌

그림 40. Tag Type Free Text 그림 41. Tag Type Free Text read

3) vCard– 명함정보로 연락처를 쉽게 저장할 수 있음

그림 42. Tag Type vCard 그림 43. Tag Type vCard read

(46)

4) Dialer – 해당 전화번호로 바로 연결됨

그림 44. Tag Type Dialer 그림 45. Tag Type Dialer read

5) 스마트 태그 생성(다운)

그림 46. 스마트 태그 생성 그림 47. 스마트 태그 다운

① 저장할 수 있는 File Format은 “PDF, WMF, JPEG, PNG, GIF, TIFF, TAG” 등

7종류

(47)

쉬어가기

5~6

차시

나만의 칼라코드 만들어 보기

^학생용

(48)

그림 48. 페이스 칼라 코드

바코드 기술인 칼라 코드가 광고 모델의 얼굴을 컬러 코드로 개발한 페이스 컬러 코드 상품을 내놓아 주목을 끌고 있다. 최근 인쇄 광고, SNS, 블로그 등 온-오프를 넘나드는 다양한 채널에서 노출하여 컬러 코드를 스캔하면 이벤트 정보는 물론 공유가 직접 전하는 요일별 메시지를 받아볼 수도 있다.

이와 같이 최근 주목되고 있는 칼라 코드를 다양한 생성 매체 활용하여 나 만의 컬러 코드로 창의적 설계 및 제작을 생각하며 공부해 봅시다.

‘QR코드’ 지고, ‘칼라 코드’ 뜬다

(49)

그림 49. 칼라 코드

컬러짚(colorzip, colorcode)은 색상이 있는 코드로 빨강, 파랑, 초록, 검정 등 네 가지 색상을 이용하여 생성하는 매트릭스 형태의 바코드이다.

QR코드와 비교해 보면 코드가 크고 색상으로 구분되어 저해상도의 카메라에 서도 쉽게 인식이 된다. 그리고 요즘 인기 있는 ‘컬러 마케팅’과 함께할 수 있을 정도로 바코드가 컬러풀해졌다.

칼라 코드 원리

1. 칼라 코드는 선과 점도 없는데 어떻게 정보를 읽을 수 있는지 아래 그림을 보고 생각하여 적어봅시다.

그림 50. 칼라 코드 스캔 원리

컬러 코드는 색상을 조합하여 정보를 표현하는 방법으로, 가로 5줄, 세로 5줄으로 총

25칸에 색상을 조합이 되어 컬러 코드를 표현하고 정보를 읽는다.

각 셀마다 색상이 있기 때문에 블록으로 색상을 만들면 인식 가능

(50)

나만의 칼라 코드(Color Code) 만들기 칼라 코드 제작(웹사이트 활용)

그림 51. 칼라 코드 제작

1) Colorzip에 접속(http://www.colorzip.co.kr/) - 칼라 코드 제작은 유료 (Colorzip 개인회원은 무료로 칼라 코드 제작 1회 제공되며, 30일 사용 가능)

그림 52. Colorzip에 접속

2) 회원 가입(계정이 없으면) 또는 로그인

그림 53. Colorzip 회원 가입

(51)

3) Make Colorcode – 무료 체험 코드 선택 (2가지 Type만 제공)

그림 54. Colorzip 무료 체험 코드

4) 무료 체험 코드 선택, 정보 입력(1. Web URL Content. 2. TEXT Content)

WEB URL Content

TEXT Content

그림 55. 무료 체험 코드 선택

(52)

5) 무료 체험 코드 선택(Web URL Content 선택한 경우)

- 등록 정보 조회에서 Content Type을 TEXT Content로 수정 변경 가능함.

등록 정보 조회

My COLORCODE

그림 56. Web URL Content 선택

6) 칼라 코드 완성, 다운로드(BMP, JPEG Download) WEB URL Content Type 컬러 코드

그림 57. 칼라 코드 완성