목차 Ⅰ. 코드와인사하기 1 Ⅱ. 나만의 QR 코드와함께마음을전달하기 9 Ⅲ. 나만의컬러코드만들어보기 19

Size: px

Start display at page:

Download "목차 Ⅰ. 코드와인사하기 1 Ⅱ. 나만의 QR 코드와함께마음을전달하기 9 Ⅲ. 나만의컬러코드만들어보기 19"

다민 화
5 years ago
Views:

3 목차 Ⅰ. 코드와인사하기 1 Ⅱ. 나만의 QR 코드와함께마음을전달하기 9 Ⅲ. 나만의컬러코드만들어보기 19

기상청모바일웹은 PDA, 스마트폰등의무선인터넷이가능한단말기에서볼수있도록제공하는기상청만의날씨서비스입니다.

4 Ⅰ. 코드와인사하기! 그림 1. 국내최대크기의 QR 코드 그림 2. 기상청어플리케이션 은행은이벤트에맞춰빌딩에가로 세로 (25m 25m) 에달하는국내최대 QR코드를설치했습니다. 기상청모바일웹은 PDA, 스마트폰등의무선인터넷이가능한단말기에서볼수있도록제공하는기상청만의날씨서비스입니다. 스마트폰의사용급증에따라코드를통해사람들에게정보를전달하는방식은일반화되었습니다. IT 미래사회변화에적응하기위해서 코드 의변화및사용에대해생각하며공부해봅시다.

다음그림의 홀로그램을찾아보고어떤모양으로변화하는지작성해보자. 내용 그림 4. 5 천원홀로그램 2. 5 만원권지폐에서홀로그램을찾아보고빈칸의내용을적어보자.

5 IT 미래기술체험 ( 지폐로보는홀로그램 ) 다음위조지폐를막기위한특허기술인홀로그램은그리스어 holos( 전체 ) 와 gramma ( 메시지또는정보 ) 를결합한것으로최근디지털홀로그래피기술은 2012년 KISTEP 10대미래유망기술에선정되었다. 그림 3. 5 천원신권 1. 5 천원권지폐홀로그램은보는각도에따라모양이변화한다. 다음그림의 홀로그램을찾아보고어떤모양으로변화하는지작성해보자. 내용 그림 4. 5 천원홀로그램 2. 5 만원권지폐에서홀로그램을찾아보고빈칸의내용을적어보자. 1) 5만원권지폐띠형홀로그램 (Holographic Strip) 은앞면왼쪽끝부분에부착된특수필름의띠로서액면숫자 ( ) 이세로로쓰여있고, 홀로그램왼쪽끝에는 ( ) 이상 하 2곳에세로로새겨져있고, 오른쪽끝에는전통격자무늬가한줄로새겨져있음.

6 그림 5. 5 만원신권 그림 6. 5 만원신권홀로그램 코드의과거, 현재, 미래 바코드 QR 코드스마트태그 그림 7. 바코드, QR 코드, 스마트태그 다음내용을읽고, 물음에답하여봅시다. 바코드는이미많은사람들이사용하고있어아실텐데요. 간단히말하면다양한폭을가진검은막대들과하얀막대들의조합으로서문자숫자또는특수기호를광학적으로판독하기쉽도록정보를표현하는것입니다. 마트에서쉽게볼수있는것이지요. 하지만바코드는별도의데이터베이스가있어야하고한정된정보만을담을수있어서한계가있었습니다. 하지만이러한문제를해결할수있는 QR 코드와스마트태그가새롭게등장했습니다. QR 코드는주로일본에서많이사용되며명칭은일본의덴소웨이브의등록상표 Quick Response 에서종래에많이쓰이던바코드의용량제한을극복하고그형식과내용을확장한 2 차원의바코드로종횡의정보를가져서숫자외에문자의데이터를저장할수있습니다. 이에반해스마트태그는 3 차원바코드로컬러조합형태그라는것이특징입니다. 특히기존의 OR 코드리더기로는절대읽히지않고, 반드시마이크로소프트사에서배포한 Tag Reader 라는앱을각자의폰 OS 또는제조사에따라다운받아서설치해야합니다. 설치한이후, 리딩스캔하는방법은 QR 코드와다르지않습니다.

7 1. 바코드와 QR 코드, 스마트태그의공통점은무엇일까요? 1 언제어디서나인식이가능하다. 2 코드에따라정보와사진, 전화번호, 동영상까지도삽입이가능하다. 3 제작이어렵지않아누구나사용할수있다. 2. QR 코드, 스마트태그의차이점은무엇일까요? < 표 1> QR 코드와 MS-Tag 구분 QR 코드 MS-Tag(smart Tag) 정의 Quick Response Matrix Barcode HCCB(High Capcty Color Barcode) 색상 컬러 / 흑백 형식 2 차원 리더기 지원앱 아이폰및안드로이드 QrooQroo, Basket, Scany, QR Reader, 바코드스캐너, QR code, Eggmon etc 아이폰, 안드로이드, 블랙베리, Windows Mobile etc Tag Reader 에서만가능 저장공간 3,634byte 1,000byte 글자수 7,089 자 500 자 배포사덴소웨이브마이크로소프트

기상청은 7 월 1 일부터국민친화형기상정보서비스의다양화를위하여기상청모바일웹 (http://m.kma.go.kr) 을 QR 코드를이용하여접속할수있는서비스를실시한다. 스마트폰보급이점차확산되고있으며, 그이용자수도이미천만명이넘어가히스마트폰시대라할수있다.

8 QR코드활용사례일본의도쿄에기반을둔 Sinap사 ( 社 ) 에서 2009년여름에는바닷가모래위에 QR코드를그리는이벤트를진행했다. 모래로만든 QR코드는인식이될까? 그리고이벤트의취지는무엇일까? 그림 8. 모래위에 QR 코드 상상하여적어보자. 이벤트의취지는여름철휴가시즌해수욕장에쌓이는엄청난양의쓰레기에대한관심을불러일으켜아름다운모래사장을지켜내자는의미를부여하고있다. 이처럼 QR코드는단순한마케팅차원의활용을넘어서사람들의인식을전환하는사회공헌프로젝트에도활용되고있다는점은주목할필요가있다. 다음기사를읽고, 물음에답하여봅시다. 기상청은 7 월 1 일부터국민친화형기상정보서비스의다양화를위하여기상청모바일웹 ( 을 QR 코드를이용하여접속할수있는서비스를실시한다. 스마트폰보급이점차확산되고있으며, 그이용자수도이미천만명이넘어가히스마트폰시대라할수있다. 이에기상청도스마트폰을이용하여기상정보를활용할수있는모바일웹을이용한날씨정보를대국민서비스하고있다. 그림 9. 기상청 QR 코드 기상청은 QR(Quick Response) 코드를활용하여보다손쉽게기상정보를활용할수있는기상청모바일대표 QR 코드서비스를실시한다. 스마트폰으로 QR 코드를스캔또는저장하면언제어디서나쉽고빠르게기상청모바일웹 (m.kma.go.kr) 에접속할수있다.

9 1. 다음기사의 QR코드를읽고기상청모바일홈페이지에서수집할수있는날씨의정보는무엇인가? 1 기상특보 2 현재날씨 3 동네예보 4 주간예보 5위성영상 6 레이더영상 2. 우리동네예보를기상청 QR코드로접속하여알아보자. 1) 우리동네날씨 ( 날씨, 기온, 풍향 / 풍속, 강수확률, 강수량 ( 적설 )) 를표현해보자. 우리동네날씨예보 : 1 예시 2 날씨기호 활동을정리하기 오늘활동을하고느낀점을적어보자.

10 읽어보기 QR 코드특허공개에대한오해와진실 - 덴소웨이브회사의특허성공사례 QR코드의특허는오픈되어서누구나사용할수있다 라는내용에서왜일본의덴소웨이브회사가특허를오픈했을까? 라는질문을우리모두가질수있다. 얼마전일본 QR코드전문회사대표와미팅을하면서충격적이면서일본적인이야기를듣고이해할수있었다. 전문회사대표의답변은 2차바코드의여러유형중 QR코드를세계적으로보급시켜다른수익모델을가지고수익사업을하려는의도라고했다. 그런데자세히일본덴소웨이브의 QR코드홈페이지 ( 에보면아래문구와같이되어있다. 표준화된 QR 코드는 DENSO WAVE 가보유한특허 ( 제 호 ) 의권리를 행사하지않음을선언합니다. 여기서특허제 호란무엇일까? 실제내용은찾아보면특별한것이없다. 특허를확인해보면 QR코드에관해특허제 호외에분명수많은 QR코드관련특허들이등록되어있었고이특허는덴소웨이브를비롯한수많은기업들이 QR코드관련특허를가지고있었다. 이는전세계적으로 QR코드에대해관심을유발하고보급확산을시키기위해기본적인일부특허를오픈하고기업들이기본적인 QR코드를가지고부가가치있는서비스를할때는그외특허에관련될수밖에없다. 결국덴소웨이브사전략을예로들면백화점을만들고손님은백화점에출입을자유롭지만그백화점에서장사하는기업들은상당한비용을지불해야하는경우와비슷하다고볼수있다. 최근스마트폰의보급이확산되면서공개된 2차원 QR코드기술을이용한사업이활발해질전망이며, 이로인한덴소웨이브회사의특허전략은더욱성공할것이다.

11 방문하기 IT R&D 다음은 IT 관련국가 R&D 관련기관홈페이지이다. 해당홈페이지를이용하여 IT 와관련된정보통신역사와발자취에대해알아보자. - 정보통신산업진흥원 :

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 개까지 ) 소개글 소개글작성 이미지그리기또는사진붙이기 이미지그리기또는사진붙이기 이미지 미지그리기 미지설명 첨부할 PC 나 N 드라이브주소 : 첨부할 PC 나 N 드라이브주소 : 동영상스토리설명 : 동영상 첨부할네이버비디오나유투브동영상주소 : 지도 첨부할지도 연락처 첨부할친구들연락처

네이버 와 스캐니 에서 QR 코드를만드는방법에대해비교하면서따라해보자. 1.

naver.com/user/join.html?url=h ttp://www.

17 나만의 QR 코드만들기 - QR 코드는어떻게만들어질까? 생각보다 QR 코드를만드는방법은훨씬쉽다. 네이버 와 스캐니 에서 QR 코드를만드는방법에대해비교하면서따라해보자. 1. 네이버회원가입 ( 스캐니는회원가입필요없음 ) ( ttp:// 그림 13. 네이버회원가입 2. 네이버 QR 코드 ( 스캐니 ( 접속 그림 14. 네이버 QR 코드 15. 스캐니 QR 코드 3. QR 코드사용방식결정 네이버 스캐니 그림 16. QR 코드만들기 1 나만의정보담기또는 QR 코드 인식시링크로이동선택 그림 17. QR 코드생성 1 명함, 이메일, 지도좌표, 전화번호, SMS, 텍스트, URL, 유튜브동영상

18 4. 기본정보입력 (QR 코드나만의정보담기사용방식결정 ( 예 ) 네이버 QR 코드 )) 1 코드제목입력 20 자이내로입력 2 QR 코드스타일 (QR 코드공개여부체크해제 ) 결정후추가입력및위치선택 그림 18. 코드기본형기본형 테두리컬러및스킨선택 그림 19. 코드사용자지정사용자지정 스킨및중앙로고이미지첨부 3 공개코드로내보내기 - QR코드를 ' 공개코드 ' 메뉴에서공유할수있음. 공개코드로설정하지않아도만드신 QR코드는누구나볼수있습니다. 그림 20. 추가옵션및위치선택 4 QR 코드외부수집을허용 - 검색엔진에서 QR 코드를수집해 검색결과에노출될수있습니다. 5. 추가정보입력 1 본인이담고싶은내용및위치변경 2 스킨적용 그림 21. 추가정보입력 그림 22. 스킨적용

19 6. QR 코드생성 그림 23. 네이버 QR 코드생성 2 나만의 QR 코드를첨부하여친구에게메일보내기 메일쓰기 1. 마음을담은메일내용 자유롭게자신의마음을담아봅시다

20 활동을정리하기평가하기 1. 나만의코드를본인과친구들이함께읽어보고잘된점과개선할점을이야기하여봅시다. 구분잘된점개선할점코드완성도 친구 친구 친구 활동정리하기 1. 오늘활동을하고느낀점을적어봅시다.

21 쉬어가기 디자인 QR 코드 - 마케팅등홍보수단으로기존 QR 코드에새옷을입혀친근한모습으로탈바꿈함 그림 24. 디자인 QR 코드

22 Ⅲ. 나만의컬러코드만들어보기 그림 25. 페이스칼라코드 바코드기술인칼라코드가광고모델의얼굴을컬러코드로개발한페이스컬러코드상품을내놓아주목을끌고있습니다. 최근인쇄광고, SNS, 블로그등온라인-오프라인을넘나드는다양한채널에서노출하여컬러코드를스캔하면이벤트정보는물론공유가직접전하는요일별메시지를받아볼수도있습니다. 이와같이최근주목되고있는칼라코드를다양한생성매체활용하여나만의컬러코드로창의적설계및제작을생각하며공부해봅시다.

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

23 QR 코드 지고, 칼라코드 뜬다 그림 26. 칼라코드 컬러짚 (colorzip, colorcode) 은색상이있는코드로빨강, 파랑, 초록, 검정등네가지색상을이용하여생성하는매트릭스형태의바코드이다. QR코드와비교해보면코드가크고색상으로구분되어저해상도의카메라에서도쉽게인식이된다. 그리고요즘인기있는 컬러마케팅 과함께할수있을정도로바코드가컬러풀해졌다. 칼라코드원리 1. 칼라코드는선과점도없는데어떻게정보를읽을수있는지아래그림을 보고생각하여적어봅시다. 그림 27. 칼라코드스캔원리 컬러코드는색상을조합하여정보를표현하는방법으로, 가로 5 줄, 세로 5 줄으로총 25 칸에색상을조합이되어컬러코드를표현하고정보를읽는다. 각셀마다색상이있기때문에블록으로색상을만들면인식가능

24 나만의칼라코드 (Color Code) 만들기 칼라코드제작 ( 웹사이트활용 ) 그림 28. 칼라코드제작 1) Colorzip 에접속 ( - 칼라코드제작은유료 (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. 칼라코드완성

7) COLORCODE 어플리케이션다운및스캔 COLORCODE 어플리케이션다운및스캔 그림 35.

Phone ( 안드로이드마켓 ) 에서 COLORCODE 검색하여무료로다운로드 25 칸칼라코드생성매체구상

코드생성매체및생성방법의다양성칼라코드는종이, 천, 유리등인쇄및칼라표현이가능한모든매체에생성이가능합니다.

27 7) COLORCODE 어플리케이션다운및스캔 COLORCODE 어플리케이션다운및스캔 그림 35. COLORCODE 어플리케이션다운 Apple iphone (App Store), Android Phone ( 안드로이드마켓 ) 에서 COLORCODE 검색하여무료로다운로드 25 칸칼라코드생성매체구상 (1) 25 칸칼라코드생성매체 : 자유롭게코드에대해구상하여봅시다 코드생성매체및생성방법의다양성칼라코드는종이, 천, 유리등인쇄및칼라표현이가능한모든매체에생성이가능합니다. 또한인쇄와프린트뿐만아니라색연필로색칠하거나 Lego Block 조립등칼라패턴을표현할수있는모든방법으로생성할수있습니다. 1 장난감색상블록, 초콜릿, 색종이, 손도장.

28 나만의칼라코드창의적설계및제작 1 칼라코드디자인및색상만들기

나만의칼라코드를창의적으로나타내기칼라코드는패턴및색상인식방법에따라정보를인식한다.

나만의칼라코드를창의적으로나타내기 나만의칼라코드를스캐닝하여서로확인하기 Colorzip 활용칼라코드나만의칼라코드그림 37.

각셀마다색상이있기때문에블록으로색상을만들면인식가능 - 색의패턴으로인식하는칼라코드로똑같은위치와색이있으면인식가능 -

29 나만의칼라코드를창의적으로나타내기칼라코드는패턴및색상인식방법에따라정보를인식한다. 따라서다양한색상과모양으로디자인가능하므로다양한재료를활용하여칼라태그를창의적으로제작하여보자. 그림 36. 나만의칼라코드를창의적으로나타내기 나만의칼라코드를스캐닝하여서로확인하기 Colorzip 활용칼라코드나만의칼라코드그림 37. 나만의칼라코드 칼라코드디자인 Tip - 칼라코드는가로 5줄, 세로 5줄로총 25칸에색상을조합이되어칼라코드를표현 - 각셀마다색상이있기때문에블록으로색상을만들면인식가능 - 색의패턴으로인식하는칼라코드로똑같은위치와색이있으면인식가능 - 2가지이상의색상만으로도만들수있어서어디에사용하느냐에따라디자인과색상이달라질수있음 => 여러가지모양의디자인도가능 - 한개의네모칸에 40% 정도의색상만있어도인식가능 핸드폰대신초콜릿으로변경하여도 인식됨 그림 38. 칼라코드디자인

30 활동을정리하기평가하기 1. 나만의칼라코드에대해스스로평가해보고이야기하여봅시다. 평가기준잘된점개선할점점수 Colorzip 칼라 코드제작능력 디자인매체 선택다양성 칼라코드 디자인창의성 칼라코드 인식율완성도 활동을정리하기 1 오늘활동을하고느낀점을적어봅시다.

31 확인하기 아래의문장에대하여일치하는항목에 O 또는 V 표시를체크해봅시다. 교과 성취기준 확인요소 달성여부확인 (5 : 그렇다, 3 : 보통이다, 1 : 그렇지않다.) S( 과학 ) 날씨가우리생활에많은영향을주고있음을안 다 T/E ( 기술 / 공학 ) 일상생활속에서올바른정보윤리의식을가지고정 보기기와사이버공간을이용하고, 정보기기를활용 하여멀티미디어자료를창의적으로만들어활용한다 A( 미술 ) 표현방법에적합한재료와용구, 표현과정을탐 색하고표현효과를살려표현한다 A( 사회 ) 정보화가일상생활에미치는영향 ( 예, SNS 의영향, 저작권문제, 사이버일탈등 ) 을파악하고이에대 한대응방안을모색할수있다 M( 수학 ) 실생활자료를수집하여목적에맞는그래프로나 타내고, 자료의특성을설명할수있다 개인별합산점수점

Microsoft PowerPoint - 코드기호_마케팅

Microsoft PowerPoint - 코드기호_마케팅 코드기호 마케팅 - QR코드, MS태그, 컬러집 - IM1팀 INDEX 0. 코드기호란? 1. QR코드 -지면광고 사례 -OOH 사례 2. MS태크 - Custom Tag - 활용 사례: 롯데칠성 2% 부족할 때 3. 칼라짚 - 브랜드 칼라짚 - 활용 사례: 롯데멤버스 자라섬 국제 재즈 페스티벌 0. 코드기호? 코드에 일정 정보를 담아 유통하는 방식으로, 가장