JSPARK

오늘 오전에 부분 일식 은 잘 보셨나요? 저는 실제로 보지는 못하고, 나중에 온라인을 통해 사진으로 봤네요. 아래는 Deep Moon 이라고 이름 붙여진, Silverlight 의 Deep Zoom 기술을 이용해서 많은 양의 달과 관련한 사진을 조합해서 만들어진 애플리케이션 입니다.

 

http://www.shoothill.com/deepmoon/

 

이전에 포스팅한 마이클 잭슨 딥줌 모자이크 이미지와 더불어서 사진들을 이용해서 모자이크를 하는 데 있어서 Deep Zoom 기술이 많이 활용되고 있네요. 기념 사이트 등에 활용하면 좋을 듯... :)

추가 - 지구인의 달착륙 기념으로 아폴로 우주선 관련 사진이 Photosynth 에 올라간 것들이 있군요. 역시나 WOW 입니다.
http://photosynth.net/view.aspx?cid=edbec7b3-6d03-48f5-8c37-a0c3ec49cae4

언젠가 라이오 프로에서 영어에 익숙하지 않은 분이 발음으로 ‘미카엘 작손’(?) 이 얼마 전에 세상을 떠났습니다. 이 분의 사진들을 만장 이상 모은 사이트가 Silverlight DeepZoom 기술로 런칭 되어서 소개합니다. 사진들이 아주 고화질은 아니지만 조금씩 보시다 보면 시간 가는 줄 모를 수도… 

 

http://www.msn.michaeljackson.shoothill.com/

 

PS. 기술은 단지 도구 일뿐 그 도구를 어떤 컨텐츠로 어떻게 응용하는지가 중요한 것 같네요.(참고로 만장은 가로 세로 길이를 가지고 계산 해봤다는…)

Deep Zoom 기술을 통해서 Silverlight 가 가진 가능성들을 확인한 분들도 있을 것 같습니다. 그리고 이 같은 Deep Zoom 기술을 내 서비스에 적용해 보고 싶다는 생각을 하시는 분들도 많을 것 같고요.

 

Deep Zoom 과 관련한 것을 구현 하기 위해서는 어떤 것들을 보아야 하는지, 해당하는 세션 및 문서 들을 좀 정리해 보았습니다. 이 외에도 아시는 관련 자료가 있다면 댓 글 등으로 알려주시면 추가 하도록 하겠습니다.

 

Deep Zoom : Silverlight in MSDN Library
:한글 문서이며, Deep Zoom 과 관련한 기본 내용

http://msdn.microsoft.com/ko-kr/library/cc645050(VS.95).aspx

 

Deep Zoom - Quickstarts in Silverlight.net
:Deep Zoom을 처음 만들어 보기 위한 내용

http://silverlight.net/quickstarts/deepzoom.aspx

 

GETTING STARTED WITH THE DEEPZOOM COMPOSER
:Deep Zoom Composer를 이용하는 방법 설명 영상

http://silverlight.net/learn/learnvideo.aspx?video=66662

 

GETTING STARTED WITH MULTISCALEIMAGE
:멀티스케일 이미지에 대한 이해

http://silverlight.net/learn/learnvideo.aspx?video=66663

 

HARD ROCK: BEHIND THE MUSIC WITH DEEP ZOOM
:하드락 카페에서 Deep Zoom을 구현한 사례 설명

http://silverlight.net/learn/learnvideo.aspx?video=43773

 

Deep Zoom++ : Build Dynamic Deep Zoom Applications with Open Source
:오픈 소스로 동적 Deep Zoom 애플리케이션 만들기 영상

http://videos.visitmix.com/MIX09/C07F

 

Jellyfish Deep Zoom
:Deep Zoom Composing을 자동화하기 위한 오픈 소스 프로젝트

http://jellyfishdz.codeplex.com/

저는 지하철로 퇴근을 하지는 않지만, 가끔 퇴근 후 지하철을 타고 약속 장소로 가거나 할때 지하철에서 석간 신문을 보곤 합니다. 사람들로 북적거리는 지하철에서 선반(?) 위에 놓여있는 신문 하나가 굉장히 지루함이나 피곤함을 달래 줄 때가 있지요. ㅎ

 

오늘 말씀 드리려고 하는 것은 실버라이트 딥줌 기술로 서비스를 하고 있는 석간 CITY 신문의 온라인 페이지 입니다. 아래 스크린 샷을 보시면 확인을 하실 수가 있으며, 딥줌의 특징 처럼 많은 양의 고화질 사진들을 한눈에 보고, 쉽게 확대 축소가 가능합니다.

 

http://www.clubcity.kr/news/photo.asp

 

이 서비스는 각각의 사진들을 일일이 컴포저를 통해서 딥줌 가능 컨텐츠를 생성하는 것이 아니라, 서버쪽의 서비스를 통해서 자동화 했다고 하며, 특정 사진을 일정 크기 이상 확대했을때 그 사진에 대한 설명(ISO감도 같은)도 나오게 되는 점도 눈여겨 볼 만합니다. (위 사진은 조금 지난 영화지만, 아내가 결혼했다 기자 간담회 사진인 듯 하네요)

 

참, 위 서비스는 실버라이트 MVP 분도 속한 더블가이에서 만들었고요, 암튼 새로운 기술이 나오고 그것이 시장에 채택에 되기 까지는 시간이 필요한데요, 실버라이트 기술에 있어서 그런 시간의 간격이 더 줄어들고 있는 느낌입니다.

지난주말에 친구 결혼식에 갔다가 만난 사람들과 그 사람들을 통해서 들은 다른 사람들의 이야기들을 들었습니다.

몇몇의 사람들은 아직 진행 중이겠지만, 자신들의 꿈을 향해서 다가가고 있는 사람들도 있는 것 같았습니다.

 

물론 그 꿈이 정말 바랬던 것인지, 혹은 이룰 수 있을 지 여부를 떠나서 그런 모습 자체가 요즘 처럼 경기가 흉흉한 시기에 더욱 의미있게 보이는 것 같더라고요. “꿈이 있나요?” 같은 질문이 조금은 뜬 구름 잡는 이야기일 수 도 있지만, 크던 작던 꿈을 갖고 살아가고 싶네요.

 

아래 사이트는 그런 꿈과 관련한 것을 좀 더 구체화 시킬 수 있는 사이트 인데요, 실버라이트 딥줌 같은 기술을 잘 활용한 사이트라고 생각해서 소개합니다.

Silverlight에서 이미지를 확대하는 기술인 딥줌 기술을 다양하게 적용하는 사례가 많이 있는데요, 이번에는 제목 처럼 좀 더 생동감 있는 형태로 구현한 Deep Zoom 사례를 소개하려고 합니다.

가까운 이웃나라 일본의 사진 앨범 사이트에서 구축한 사례이며, 마우스가 사진들 위에 올라갔을때 제목에 쓴 것처럼 살아 숨쉬는 Deep Zoom을 보실 수가 있습니다.



여기를 클릭하시면 직접 가서 보실 수 있습니다.(본래 사이트는 여기)

또한 Slide Show 기능이 있어서 한장씩 자동으로 넘어가면서 보는 것이나 Theme List 를 통해서 원하는 사진만을 Highlight 해주는 기능들은 Deep Zoom을 잘 활용한 사례라고 생각이 됩니다. Hardrock 카페 사례에서 처럼 확대했을때 그 사진에 대한 간단한 설명이 나오는 것도 눈여겨 볼만하고요. 살아 숨쉬다(?) 보니 실제 네비게이션 부분에서 조금 정신없는 감도 없지 않아 있네요.

끝으로 무엇을 만들던지 간에 컨텐츠가 좋으면 그 결과물이 훨씬 더 빛을 발하는 것 같습니다. 앞으로 좋은 컨텐츠(예를 들면 멋진 사진들 혹은 고화질 음반 커버 등) 들을 가지고도 다양하고 멋진 Deep Zoom 결과물들이 나오면 좋겠습니다.

Silverlight Showcase에 새로 올라온 사이트들을 보다가 좀 아니다 싶은 것들 중에서 간혹 굉장히 인상적인 것들을 발견할 때도 있습니다. 지금 소개하려고 하는 Darimeya라는 사이트는 그 인상적인 것 중의 하나인데요, 사실 쓰인 기술들이 새롭다 싶은 것들은 없지만, 기존에 알려진 Silverlight 기술들을 굉장히 적절하게 사용하고 있습니다. 또한 디자인 감각(?)도 있는 것 같다는 생각이 드는데요, 새소리로 이루어진 배경음악부터가 예사롭지가 않은 사이트 입니다.

쇼핑몰이기 때문에 메뉴 중에 Shop을 선택하시면 위의 스크린샷에서 처럼 여성용 옷들이 나오게 되는데요, 우선 좌우의 화살표를 이용한 네비게이션 용 애니메이션이 굉장히 부드럽게 구현이 되어져 있으며, 왼쪽 윗부분의 검색도 첫글자만 입력을 해도 해당하는 옷만 나온다던지 하는 편리함을 제공합니다.

그리고 몇번 소개해 드린 Silverlight 딥줌 기술이 옷에 구현이 잘 되어져 있습니다. 쇼핑몰에 딥줌 기술이 국내에도 머지않아 구현될 것으로 생각하는데요, 여기에서는 그렇게 약간 소심하게 딥줌 기술을 구현했습니다.(왜 소심한지는 실제로 한번 보시길 추천) 구매 버튼을 누르면 장바구니로 이동되는데요, 장비구니 구성도 좋은 것 같으며 실제 구매는 Live계정과 연동되어 있습니다.

추가로 Book을 선택하시면 많이 보셨을 수도 있는 책 넘기기 효과가 구현되어져 있는데요, 간단하지만 관심을 끌 수 있게 되어 있고요, 그 외에 각 메뉴들을 이동할 때마다 나오는 아기자기한 애니메이션 들이 뭐랄까 클릭하는 재미를 느끼게 하는 것 같습니다. 사이트가 기능보다는 외관에 조금 치중된 느낌도 조금 들긴 하지만, 재미있는 사이트라고 생각이 되어 소개를 합니다.