목 차

(1)

(2)

(3)

목 차

Ⅰ. 코드와 인사하기 ··· 1

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

··· 9

Ⅲ. 나만의 컬러 코드 만들어 보기 ··· 19

(4)

Ⅰ. 코드와 인사하기!

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

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

IT 미래 사회 변화에 적응하기 위해서 ‘코드’의 변화 및 사용에 대해 생각하 며 공부해 봅시다.

(5)

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

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

그림 3. 5천원 신권

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

그림 4. 5천 원 홀로그램

내용

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

1) 5만원권 지폐 띠형 홀로그램(Holographic Strip)은 앞면 왼쪽 끝 부분에 부착된 특수 필름의 띠로서 액면 숫자 ( )이 세로로 쓰여 있고, 홀로그램 왼쪽 끝에는 ( )이 상·하 2곳에 세로로 새겨져 있고, 오른쪽 끝에는 전통 격자무늬가 한 줄로 새겨져 있음.

(6)

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

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

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

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

코드의 과거, 현재, 미래

바코드 QR 코드 스마트 태그

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

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

(7)

구분 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

(8)

기상청은 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코드는 단순한 마케팅차원의 활용을 넘어서 사람들의 인식을 전환하는 사 회공헌 프로젝트에도 활용되고 있다는 점은 주목할 필요가 있다.

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

(9)

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

① 기상특보 ② 현재날씨

③ 동네예보 ④ 주간예보

⑤위성영상 ⑥ 레이더 영상

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

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

우리 동네 날씨 예보 :

① 예시 ② 날씨 기호

활동을 정리하기

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

(10)

읽어보기

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

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

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

여기서 특허 제 2938338호 란 무엇일까? 실제 내용은 찾아보면 특별한 것이 없다.

특허를 확인해보면 QR코드에 관해 특허 제 2938338호 외에 분명 수많은 QR코드 관련 특허들이 등록되어 있었고 이 특허는 덴소웨이브를 비롯한 수많은 기업들이 QR코드 관 련 특허를 가지고 있었다.

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

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

(11)

방문하기

IT R&D

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

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

(12)

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

그림 10. QR코드 포장지

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

이와 같이 나만의 QR코드를 만들어 아름다운 사랑의 마음을 전하기 위해서 는 필요한 것이 무엇인지 생각하며 공부해 봅시다.

(13)

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

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

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

메뉴 설명하는 QR코드

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

그림 11. 생활 속에 숨어든 코드 사례 1

(14)

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

피부에 QR코드 문신

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

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

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

(15)

1 나만의 코드 만들기

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

코

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

정보 수집 내용 정보 형태

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

(16)

나만의 QR 코드 설계하기

구분 코드로 통하는 세상

링크 (URL 5개 까지)

링크 제목 : http://

소개글 소개글 작성

이미지

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

미지 그리기

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

미지 설명

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

동영상

동영상 스토리 설명 :

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

지도 첨부할 지도

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

(17)

그림 13. 네이버 회원 가입

나만의 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/) 접속

그림 14. 네이버 QR코드 15. 스캐니 QR코드

3. QR코드 사용 방식 결정

네이버 스캐니

그림 16. QR코드 만들기 그림 17. QR코드 생성

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

① 명함, 이메일, 지도 좌표, 전화번호, SMS, 텍스트, URL, 유튜브 동영상

(18)

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

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

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

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

③ 공개코드로 내보내기

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

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

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

5. 추가 정보 입력

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

그림 21. 추가 정보 입력 그림 22. 스킨 적용

(19)

6. QR코드 생성

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

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

메일쓰기

1. 마음을 담은 메일 내용

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

(20)

활동을 정리하기 평가하기

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

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

친구1

1 0 8 6 4 2

친구2

1 0 8 6 4 2

친구3

1 0 8 6 4 2

활동 정리하기

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

(21)

쉬어가기

☆ 디자인 QR코드

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

그림 24. 디자인 QR코드

(22)

Ⅲ. 나만의 컬러 코드 만들어 보기

그림 25. 페이스 칼라 코드

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

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

(23)

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

그림 26. 칼라 코드

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

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

칼라 코드 원리

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

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

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

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

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

(24)

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

그림 28. 칼라 코드 제작

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

그림 29. Colorzip에 접속

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

그림 30. Colorzip 회원 가입

(25)

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

그림 31. Colorzip 무료 체험 코드

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

WEB URL Content

TEXT Content

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

(26)

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

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

등록 정보 조회

My COLORCODE

그림 33. Web URL Content 선택

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

그림 34. 칼라 코드 완성

(27)

7) COLORCODE 어플리케이션 다운 및 스캔

COLORCODE 어플리케이션 다운 및 스캔

그림 35. COLORCODE 어플리케이션 다운

☆ Apple iPhone (App Store), Android Phone (안드로이드 마켓) 에서 ‘COLORCODE’ 검색하여 무료로 다운로드

25칸 칼라 코드 생성 매체 구상 (1) 25칸 칼라 코드 생성 매체 :

자유롭게 코드에 대해 구상하여 봅시다

코드 생성 매체 및 생성 방법의 다양성

칼라 코드는 종이, 천, 유리 등 인쇄 및 칼라 표현이 가능한 모든 매체에 생성 이 가능합니다. 또한 인쇄와 프린트뿐만 아니라 색연필로 색칠하거나 Lego Block 조립 등 칼라 패턴을 표현할 수 있는 모든 방법으로 생성할 수 있습니다.

① 장난감 색상 블록, 초콜릿, 색종이, 손도장.

(28)

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

① 칼라 코드 디자인 및 색상 만들기

(29)

나만의 칼라 코드를 창의적으로 나타내기

칼라 코드는 패턴 및 색상 인식 방법에 따라 정보를 인식한다. 따라서 다양한 색상과 모양으로 디자인 가능하므로 다양한 재료를 활용하여 칼라 태그를 창의 적으로 제작하여 보자.

그림 36. 나만의 칼라 코드를 창의적으로 나타내기

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

Colorzip 활용 칼라 코드 나만의 칼라 코드 그림 37. 나만의 칼라 코드

칼라 코드 디자인 Tip

- 칼라 코드는 가로 5줄, 세로 5줄로 총 25칸에 색상을 조합이 되어 칼라 코드를 표현 - 각 셀마다 색상이 있기 때문에 블록으로 색상을 만들면 인식 가능

- 색의 패턴으로 인식하는 칼라 코드로 똑같은 위치와 색이 있으면 인식 가능 - 2가지 이상의 색상만으로도 만들 수 있어서 어디에 사용하느냐에 따라 디자

인과 색상이 달라질 수 있음 => 여러 가지 모양의 디자인도 가능 - 한 개의 네모 칸에 40% 정도의 색상만 있어도 인식 가능

핸드폰 대신 초콜릿으로 변경하여도 인식됨

그림 38. 칼라 코드 디자인

(30)

활동을 정리하기 평가하기

1. 나만의 칼라 코드에 대해 스스로 평가해 보고 이야기하여 봅시다.

평가 기준 잘된 점 개선할 점 점수

Colorzip 칼라

코드 제작 능력 5 4 3 2 1

디자인 매체

선택 다양성 5 4 3 2 1

칼라 코드

디자인 창의성 5 4 3 2 1

칼라 코드

인식율 완성도 5 4 3 2 1

2. 활동을 정리하기

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

(31)

확인하기

아래의 문장에 대하여 일치하는 항목에 O 또는 V표시를 체크해 봅시다.

성취 기준 달성여부 확인

(5 : 그렇다, 3 : 보통이다, 1 : 그렇지 않다.)

교과 확인 요소

S(과학) 날씨가 우리 생활에 많은 영향을 주고 있음을 안

다. 5 3 1

T/E (기술/

공학)

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

5 3 1

A(미술) 표현 방법에 적합한 재료와 용구, 표현 과정을 탐

색하고 표현 효과를 살려 표현 한다. 5 3 1

A(사회)

5 3 1

M(수학) 실생활 자료를 수집하여 목적에 맞는 그래프로 나

타내고, 자료의 특성을 설명할 수 있다. 5 3 1

개인별 합산점수 점