안녕하세요~

함께하는 KH정보교육원입니다.

 

 

이번에 닷넷개발자 과정이 컨소시엄으로 진행이 됩니다.

 

 

국비지원으로 교육을 받으실 수가 있기 때문에

그동안 닷넷과정에 관심이나 흥미가 있었지만

교육받을 기회가 없어서 하지 못하셨다면

 

주저말고 지원하세요!

 

 

 

 

 

 

 

 

 

 

* 본 과정은 중소기업과 컨소시엄으로 진행하며

(사)KH정보교육원과 한국 폴리텍1대학이 주관하는 교육으로 수료 후 약정된 기업으로 채용이 됩니다.

채용약정을 맺고 진행되는 컨소시엄 과정이기에 프로그래머로 취업을 원하시는 분만 지원바랍니다.

 

 

 

<채용일정>

 

- 상시면접 (사)KH정보교육원(서류접수 확인 후 면접 진행)

 

 

<지원방법>

 

- E-mail 접수 khplus7@naver.com

- 문의 3667-4792(www.khplus.or.kr)

 

 

 

 

 

 

 

함께하는 KH정보교육원

☎ 02)3667-4792

 

www.khplus.or.kr

 

 

 


 

 

교육문의나 상담을 원하시면 눌러주세요~ :^)

 

 

 

 

 

 

 

 

 

설정

트랙백

댓글

 

 

 

"증강현실 기술은 광고 산업에서 가장 활발하게 이용되고 있다."

 

기존의 광고가 영상이나 지면 위주로 구성되어 표현할 수 있는 컨텐츠와 정보 전달에 한계가 있었다면

증강현실은 현실을 기반으로 하되 무궁무진한 가상 이미지를 중첩시킬 수 있다는 매력 때문이다.

 

보통은 QR코드 마케팅과 비슷한 이미지 인식 기반으로,

랜드를 상징하는 로고나 상품을 앱을 통해 카메라에 인식시키면

관련 컨텐츠가 화면에 증강현실 이미지로 나타나는 방식이다.

스타벅스는 ‘매직컵’이라는 브랜드 홍보영상을 제품 로고에 연결해 삽입했고,

광동제약은 자사 제품 비타500의 라벨을 비추면 광고 모델인 소녀시대가

그 화면 안에 팝업 되어 노래를 부르는 영상이 중첩되도록 했다.

 

 

 

 

 

 

 


 

※이미지 출처 : http://www.cadbury.co.uk

 

영국의 유명 제과업체 캐드버리(Cadbury)에서는 제품 패키지를 이용한

증강현실 게임 앱 ‘spots-v-stripes’을 개발해 프로모션을 진행하기도 했다.

인식 어플리케이션을 실행시킨 후 Cadbury chocolate bar의 제품 패키지를 스캔하면 약 30초 동안 게임을 즐길 수 있는데

QR코드가 아닌 제품 패키지 자체를 스캔해 색다른 브랜드 체험을 제공한 최초의 사례이다.


가구 인테리어 브랜드 이케아(Ikea)에서는 1951년부터 시작해,

매년 1억부 이상 출간되는 자사 홍보 카달로그에, 브랜드의 신감각을 어필하는 방법으로 신기술인 증강현실을 선택했다.

 

 

 

 

 

 


 

※이미지 출처 : http://www.2013catalog.com

 

2013년 판 카달로그에 적용된 이 기술로 사진에 살아있는 생동감을 부여하는데 성공했다.

스마트폰으로 비추면 잡지에 외부 모습이 찍힌 가구의 내부 구조를 살펴볼 수 있으며,

3D모델과 비디오 영상도 열람할 수 있게 해 전 세계로 배송되는 카달로그에 무궁무진한 홍보 컨텐츠를 심을 수 있게 되었다.

지면상에는 불가능한 많은 정보를 담을 수 있다는 점에서 홍보 카달로그와 증강현실의 조합은 더욱 빛을 발한다.

 

근래에는 태블릿PC가 본격적으로 발전하면서 전자책,

즉 e-book 컨텐츠가 종이책을 밀어내고 주목 받고 있는데, 미래에는 ‘AR북’이 이 자리를 대신하게 될지도 모른다.

증강현실(AR) 컨텐츠를 접목시킨 책이 국내에서도 이미 많이 출간되고 있다.

 

 

 

 

 

 

 

 


 

※이미지 출처 : http://www.carltonbooks.co.kr

 

현재는 주로 어린이를 위한 교육용 서적에서 많이 이용되는 증강현실은,

특히 동영상과 3D이미지를 이용해 흥미를 유발하고 강의 컨텐츠를 삽입해 교육 효과를 크게 증진하고 있어 기대가 크다.

불과 몇 년 사이 눈부시게 발전한 스마트폰, 태블릿 PC 등의 휴대용 IT기기들은

그 동안 영화에서나 볼 법한 신기술을 이제는 누구나 일상 생활에서 쉽게 사용할 수 있게 했다.

 

그 수혜를 받은 대표적인 기술 중 하나가 바로 ‘증강현실’이다.

 

이미지를 인식할 고화질 카메라, 정보를 불러올 GPS수신 툴,

그리고 정보를 효과적으로 보여줄 디스플레이 기술,

이 모두가 집적된 스마트폰과 태블릿 PC를 적극 활용하여

그 어느때보다도 다양한 증강현실 관련 어플들이 개발되고 있다.

 

 

 

 

 

 

◆스캔서치 (Scan Search)

 


 

※이미지 출처 : http://www.scansearch.com

 

내가 있는 곳의 주변 모든 것이 증강현실 이미지의 대상이 된다.

하늘을 비추면 날씨 정보가, 거리를 비추면 각종 가게 정보들이,

이나 음반 표지를 카메라로 찍으면 해당 정보들과 등록된 3D컨텐츠들이 뜬다.

장소를 카메라로 비추면 주변 음식점, 카페, 소셜 커머스 쿠폰 등의 관련 정보를 볼 수 있다.

QR코드와 바코드 스캔도 가능하며,

검색한 모든 정보는 주변 사람들과 커뮤니티로 공유할 수 있고 sns로 연결도 가능하다.

범용 증강현실 서비스로는 가장 폭넓은 기능을 자랑하는 국산 앱이다.

 

 

 

 

 

 

 

◆스냅숍(SnapShop) 쇼룸

 


 

※이미지 출처 : https://itunes.apple.com

 

마음에 드는 가구를 골라 내 집안, 내가 원하는 장소에 배치한 모습을 미리 증강현실로 볼 수 있는 앱이다.

브랜드 별 카탈로그에서 가구 상품을 고르고, 카메라 라이브 뷰를 통해 가구의 크기를 조정하고 원하는 위치, 각도로 옮긴다.

같은 가구에 원하는 색이나 패턴을 바꿔 적용해볼 수 있다.

음에 드는 가구를 결정했다면 장바구니 버튼을 눌러 해당 판매점 웹 사이트로 이동해 즉시 주문한다.

 

 

 

 

 

 

 

 

◆디오도라이트(Theodolite)

 


 

※이미지 출처 : http://hrtapps.com/theodolite

 

디오도라이트는 산악을 비롯한 야외 스포츠 활동을 위한 증강현실 전자 뷰파인더로

나침반, GPS, 지도, 줌 카메라, 거리측정, 2축 경사계 등의 기능을 제공한다.

현재 있는 곳의 이미지를 사진과 동영상으로 제공하면 뷰파인더가

위치의 정보들을 모아 모니터에 증강현실로 중첩하여 제공한다.

때문에 사용자는 다양한 수치 데이터들도 직관적으로 인식이 가능하다는 장점이 있다.

 

 

 

 

 

 

 

◆세카이카메라 (SekaiCamera)

 

사용자가 직접 등록한 코멘트 또는 사진을 기반으로 데이터가 제공되는 조금 특이한 증강현실 앱이다.

증강현실과 블로그 형식의 소셜 네트워킹 기능이 합쳐졌다고 할 수 있는데,

‘에어 태킹’이라 불리는 포스트잇 기능이 그 기반이 된다.

자신이 현재 서있는 곳을 기준으로 주변의 그 어떤 것이든 태그를 달 수 있는 기능이다.

 

 

 


 

※이미지 출처 : https://itunes.apple.com

 

맛집 평가나 공유하고 싶은 추억, 아이디어, 낙서, 광고 등

내용에는 제한이 없으며, 사진, 음성, 트위터 포스팅 등 형식도 자유롭다.

물론 반대로 내가 서있는 곳에서 앱을 실행시키면

카메라에 비춰지는 대상에 타인들이 달아놓은 수많은 태그를 볼 수 있다.

태그는 GPS로 기록되어 지도 위에서도 열람이 가능하다.

 

 

 

 

 

다양한 가상 이미지의 중첩을 통해 새로운 마케팅 수단으로서

가능성을 연 증강현실 기술이 생활에 도움을 주는 앱으로 영역을 확장하고 있다.

 

 

 

* 출처 http://blog.daum.net/kipoworld/3734

 

 

 

 

 

 

 


함께하는 KH정보교육원

☎ 02)3667-4792

 

www.khplus.or.kr

 

 

 

 

 

 


 

 

 

교육문의나 상담을 원하시면 눌러주세요~ :^)

 

 

 

 

 

 

 

 

 

 

 

 

 

설정

트랙백

댓글

 

증강현실(AR: Augmented Reality) 기술이란?

 

사용자가 현실 공간상에서 컴퓨터가 재현해 내는 가상의 정보 공간을 함께 체험할 수 있도록 하는 기술로서,

컴퓨터 그래픽스, 인간-컴퓨터 상호작용, 영상 및 상황 인식, 위치기반 서비스(Location Based Service) 등의 기술과 관련성을 가진다.


가상현실(Virtual Reality) 기술이 사용자를 현실 세계의 감각으로부터 완전히 차단하고

컴퓨터가 만들어낸 가상의 공간에 완전히 몰입하여 체험하는 즉 현실세계를 완전히 대체하는 형태의 미디어라 한다면,

증강현실(Augmented Reality)은 사용자가 현실세계를 그대로 경험하는 가운데

컴퓨터가 재현해 내는 가상의 정보공간을 현실 상황에 맞추어 부가적으로 보고 체험할 수 있는 점이 다르다.

 

 

 

증강현실의 특징

 

1. 현실 공간에 컴퓨터가 재현해 내는 가상의 정보 공간을 결합하여 제공

2. 가상 정보가 현실 공간에 위치 및 내용상 유기적으로 연동되고 정합되어 제시

3. 정보를 사용자가 일방적으로 관찰하는 것이 아니라 상호작용이 가능하도록 실시간으로 처리

 

예를 들면, 합성 영화에서 촬영 당시에는 없었던 자동차나 로봇을 편집과정에서 추가해 넣는 그래픽 기술이 발달해

사용자가 처한 환경에 맞추어서 실시간에 가상의 영상을 합성하여 보여주고,

이러한 가상의 물체 또는 정보들을 조작하고 상호작용할 수 있는 것이 증강현실 기술의 특징이다-

 

 

 

 

 

 

최근에는 스마트폰이나 미디어 태블릿 기기의 발달로 착용형 디스플레이 보다는

휴대형 정보 기기상의 카메라와 터치스크린 또는 초소형 프로젝터를 이용한 증강현실 기술의 적용이 활발히 개발되고 있다.

이러한 영상 하드웨어에 GPS, 전자나침반, 가속도계 등 각종 위치 및 자세 센서들이 결합되어

현실 공간 및 상황을 인식하기 위한 영상 인식 및 상황 인지 기술과 이렇게 인식된 정보를 바탕으로

현실 상황과 공간적으로나 의미적으로 연관된 정보를 컴퓨터 그래픽스를 통해 합성하여

사용자에게 영상을 제공해 주는 소프트웨어 기술들이 증강현실의 구현을 위해 필요하다.

 

또한, 사용자의 위치 정보에 따라 맞춤형 정보를 제공하는 위치기반 서비스 기술과도 밀접한 관련이 있는데,

증강현실 기술의 차별화된 특징은 가시화적인 측면에서 현실세계의 영상과 가상정보가 공간적으로 정합되어 제시된다는 점이다.
증강현실 기술은 앞서 언급한 디스플레이나 인식 및 가시화 소프트웨어 기술 이외에도

다양한 분야의 기술들이 종합적이고 유기적으로 융합된 기술로서, 증강현실과 관련이 깊은 주요 기술 분야는 다양하다.

 

 

 

 

 

 

[증강현실 관련 주요 기술 분야]

 

 

 

 

 

현재 모바일 환경에서의 대표적인 증강현실 응용은 지역정보 제공 서비스이다.

 

모바일 화면에 나타난 지도 정보를 보며 현재 사용자가 있는 실제 공간상의 어느 부분인지 확인해야 했던 기존의 서비스와 달리,

증강현실 기반의 지역 정보 서비스는 모바일 단말에 장착된 카메라로 주변의 거리를 비추면

카메라 영상에 나타난 곳의 정보가 해당 위치에 합성되어 표시됨으로써 매우 직관적으로 해당 건물이나 위치의 정보를 얻을 수 있다.

강현실 기반의 지역정보 서비스를 이용하면,

주변의 상점이나 약국, 커피숍, 대중교통 등의 정보 또한 지도를 보며 찾아가는 것이 아니라

실제 주변 환경이 비춰지는 카메라 영상에 합성되어 나타난 안내 화살표를 따라가다 보면

자연스럽게 원하는 목적지에 도달하게 되는 것이다.

 

 

모바일 환경뿐 아니라 일반 PC 환경에서도 증강현실 기술이 상업적으로 활용되고 있는 분야로는 광고 분야가 있다.

 

사용자가 인터넷을 통해 증강현실 콘텐츠를 다운로드 받은 후 종이 잡지에 인쇄된 광고를 컴퓨터에 연결된 카메라에 비추면

카메라 영상에 나타난 광고지 위로 광고 모델들이 나와 춤을 추고 노래하며

새로운 의류 브랜드를 홍보하는 모습을 보여주는 증강현실 광고를 작년 국내의 한 의류회사에서 선보인바 있다.

또한 해외의 한 유명 자동차회사에서는 자사의 새로운 차량의 3차원 모델을

증강현실 광고 콘텐츠상에서 색상을 바꿔보거나 직접 운전해 볼 수 있도록 한 사례가 있다.

 

 

증강현실 기술의 전시관이나 박물관에서의 활용도 활발히 추진되고 있다.

 

국립중앙과학관에 시범 설치된 u-체험형 콘텐츠 서비스는

사용자가 카메라가 장착된 휴대형 단말을 이용해 과학관에 전시된 신기전이나 거북선의 물리적인 모형을 비추면

그 내부 구조를 관찰하거나, 동작되는 모습의 애니메이션을 실제 모형에 합성하여 보여줌으로서

관람자들의 전시물에 대한 이해도를 크게 높인다.

 

 

방송 분야에서는 가상 스튜디오 기술의 일환으로 증강현실 형태의 콘텐츠를 많이 적용하고 있다.

 

특히, 촬영 후 편집과정에서 그래픽 정보를 합성하는 것이 아니라

실시간 생방송 중에 가상의 무대장치나 그래프 등을 합성하여 보여주는 형태로,

스포츠 중계나 선거 개표 방송 등에서 활용되고 있다.

축구 경기 생중계 시 프리킥을 할 때 골대까지의 거리를 화살표와 숫자가 경기장 바닥에 그려진 것처럼 보여주는 형태라든가

선거개표 생방송에서 컴퓨터 그래픽으로 그려진 3차원 그래프를 마치 진행자가 실제로 들고 있는 것처럼 합성하여 보여준 예도 있다.

 

 

 

 

 

이렇듯, 증강현실 기술은 스마트폰 상의 간단한 응용 프로그램뿐만 아니라

다양한 분야의 콘텐츠에 활발히 적용되고 있으며, 그 활용 분야도 점점 더 넓어지고 있다.

 

 

 

 

 

* 출처 TTA Journal. 이건 ETRI 가상현실연구팀

www.tta.or.kr/data/reportDown.jsp?news_num=2770

 

 

 

 

 

 

 

 

함께하는 KH정보교육원

☎ 02)3667-4792

 

www.khplus.or.kr

 

 

 



 

 

 

교육문의나 상담을 원하시면 눌러주세요~ :^)

 

 

 

 

 

 

 

 

 

 

설정

트랙백

댓글

 

 

 

 

 

 

 


반응형 웹(Responsive Web)의 등장 배경?


최근 다양한 모바일 기기가 보급되면서 하나의 사이트를 만들더라도

데스크탑 / 모바일 폰 / 타블렛 PC 등 서로 다른 해상도를 가진 디바이스들을 고려하지 않을 수 없게 되었다.

데스크탑 하나만 보더라도 와이드의 고해상도 디스플레이가 확산됨에 따라

많은 사이트들이 기존의 1024*768 크기를 넘어 점차 사이즈를 키워가고 있는 추세이지만

그렇다고 하나의 해상도에만 맞춰 사이트를 제작하기도 어렵다.

 

이렇듯 N-Screen의 시대로 불리는 다양한 디바이스의 해상도에 맞춰 사이트의

레이아웃을 변환하는 이슈에 맞춰 등장한 것이 반응형 웹(Responsive Web)이다.

 

 

 

 

반응형 웹(Responsive Web) 이란?


 

반응형 웹이란 HTML5의 “미디어 쿼리”를 이용하여 하나의 소스로 제작된 컨텐츠가 데스크탑에만 국한되지 않고

타블렛 PC, 모바일 폰 등 다양한 크기의 디바이스 환경에 맞추어 해상도나 화면이 동적으로 변환되는 기법을 말한다.

 

대표적인 예로 The Boston Globe 사이트를 보면 가로 길이에 따라 다음과 같이 레이아웃이 변화된다.

모바일 웹을 별도로 제작할 필요 없이 하나의 반응형 웹사이트로 사이즈에 맞춰

이미지나, 폰트, 사이즈 및 UI가 자동으로 변환되어 모든 디바이스에서 사이트를 이용할 수 있는 것이다.

 

 

 

 

 

 

 

 

반응형 웹의 주요 컨셉은 다음과 같다.

1. A flexible, grid-based layout : 그리드를 상대적(% 단위 등)으로 지정하여 브라

우저 크기에 따라 유동적으로 변환
2. Flexible width media: images, video : 너비가 변경되어도 웹페이지 안의 미디어가 넘치지 않게 하는 기법
3. Media queries : 다양한 브라우저에서 표현양식을 제어할 수 있게 고안된 기능

 

즉, 반응형 웹은 “유동형 그리드, 가변폭 이미지, 미디어쿼리 개념”을 하나로 묶고 체계화 시킨 용어이다.

 

 

그러나 반응형 웹에도 아직 극복해야 할 단점들이 있다.

가장 큰 문제는 IE8 이하에서는 사용이 불가능하다는 점이다.

 

1. 실제 사용되는 이미지보다 더 큰 이미지를 사용할 수 있다.
2. 이미지 리사이징은 단말기의 CPU를 보다 더 많이 사용한다.
3. 실제로 사용하지 않은 자원(이미지, CSS)을 전송 받을 수 있다.
4. 미디어 쿼리를 지원하지 않는 브라우저의 사용자가 많다

: CSS3의 속성으로 IE8 이하의 버전에서는 사용이 불가능

 

이와 같이 아직까지 미디어 쿼리를 지원하지 않는 브라우저의 사용자가 많기 때문에

기존의 데스크탑 사이트에 HTML5의 미디어 쿼리만 적용한다고 반응형 웹이라고 볼 수 는 없을 것이다.

일부에게는 반응하지 않는 사이트이기 때문이다.

 

 

 

반응형 웹(Responsive Web) 디자인 적용 사례

 

 

# 1 Deren Keskin : 상단 메뉴의 변화가 눈에 띄며 사이트 전체의 이미지/텍스트의 변경이 자연스럽게 이루어진다.

 

 

 

 

 

# 2 dConstruct 2011 : 가로 폭에 따라 이미지가 리사이징되며 레이아웃도 변경되는 모습을 볼 수 있다.

 

 

 

 

 

 

 

 

 

 

#3 Naomi Atkinson : 실제로 브라우저의 가로 폭을 변경해보면 이미지 박스들이 이리저리 옮겨가는 모습을 볼 수 있다.

 

 

 

 

 

 

 

 

 

#4 Neovada : 사이트 전체가 슬라이딩 방식으로 이루어져 있어 반응형 웹으로 구현하기 좀 더 용이해 보인다.

 

 

 

 

 

 

 

 

 

 

반응형 웹(Responsive Web)은 기획? Mobile First!


반응형 웹이 크게 이슈화 된 것도 결국은 모바일 웹 환경 때문이다.

앞서 언급했듯이 모바일 폰과 타블렛 PC를 위해

별도의 사이트를 제작해야 하는 번거로움을 반응형 웹이 대체할 수 있을 것이다.

그렇다면 이렇게 변화하는 사이트를 어떻게 기획해야 효과적인 결과물이 나올까?

 

 

 

“새로운 규칙은 모바일 우선이다 (We understand that the new rule is mobile first)”
– 구글 CEO 에릭 슈미트(Eric Schmidt)

 

 

 

이번 포스팅을 위해 참고한 대부분의 자료가 “데스크탑용 사이트 + 미디어쿼리 = 반응형 웹”이 아닌

모바일 사이트를 먼저 고려하여 기본적인 사이트를 기획하고 이후 점차적으로 확장해가야 한다고 말하고 있다.

물론 이때 사이트의 사용성과 컨텐츠의 구조는 기본이다.

 

 

아직까지는 극복해야 할 한계들이 있는 상황(미디어 쿼리를 지원하지 않는 브라우저의 사용자 등)에서

국내에는 반응형 웹 디자인을 적용한 사이트가 많지는 않다(현대자동차 혹은 BLUEWAVE 참조).

 

 

 

 

하지만 피할 수 없는 N-Screen 시대에 최적화된 웹 환경 제공이 용이하고

기업에서는 노동과 비용을 줄일 수 있다는 장점이 있어 앞으로 반응형 웹의 발전은 필수가 되지 않을까 생각해 본다.

 

 

 

 

 

* 출처 http://allje.tistory.com/109

 

 

 

 

 

 

 

 

 

함께하는 KH정보교육원

☎ 02)3667-4792

 

www.khplus.or.kr

 

 

 

 

 

 

 

 

 

교육문의나 상담을 원하시면 눌러주세요~ :^)

 

 

 

 

 

 

 

 

 

 

 

설정

트랙백

댓글