실버라이트 자료실

DTFE2009 훈스닷넷 4세션 PhotoLight 발표 자료 해피동 평점: 없음 조회: 4506
DTFE2009 훈스닷넷 4세션 PhotoLight

 Dev&Tech Festival 2009 행사 일환으로 지난 16일 훈스닷넷에서 UX 세미나가 진행되었어요.
비도 많이 내리는 굳은 날씨에도 불고 하고, 정말 많은 사람들이 와줘서 발표를 맡은 저로써는 약간 부담도 됐지만, 이렇게 관심을 가져주기고 찾아와 주심에 감사하기도 했어요^^

 제가(김동욱) 진행한 세션은 PhotoLight라는 주제 였는데요. 디자이너인 김선구님과 PhotoLight가 무엇인지, 어떻게 기획을 했는지, 어떻게 구현했는지에 대해서 이야기했습니다.


사용자 삽입 이미지


 간단하게 요약하자면, PhotoLight란 이미지 뷰어라고 생각하시면 될것 같아요. 사용자들에게 사진을 보면서 좀더 편하고, 즐겁게 볼 수 있는 이미지 뷰어지요.
 어떻게 기획을 했고, 어떻게 디자이너와 협업을 했냐면요, 일단 기존은 사이트들의 포토갤러리들을 하나하나 들어가 보고 사용해 보고 대략적으로...개인적으로 불편했던 점..또 한 편했던 점들을 나름 정의하고 PhotoLight에서는 이런 기능들을 꼭 들어가야 겠다 정의 했죠. 그리고 디자이너와의 협업은 정말 저도 많이 고민했습니다. 김선구님과 제가 같은 회사에서 일하는것도 아니고 각자 회사일에 바빠서 별로 이야기 할 시간이 없었기때문이지요. 그래서 전 선구님과 협을 좀더 수월하게 하기위해 MVVM + Command Pattern를 이용하기로 했어요. 실제로 이런 패턴으로 작업을 하니 정말 디자이너와 협업이 수월하더라고요. 개발자가 디자인 없이 기능만 다 구현하고, 디자이너가 디자인을 입히는데...10분 안걸렸어요. 물론, 디자이너인 김선구님이 대략적으로 바인딩 걸려있는 것이 어떤건지 미리 알고 작업해 주셔서 더욱 수월했던 것 같아요^^
 PhotoLight의 구현은 일단 FileUpload와 Viewer로 나눨수 있는데요.

 - FileUpload를 이미 많은 자료들이 있으니, 저는 간단하게 PhotoLight에서 다중 파일 처리에 대해 애기할게요.
FileUpload를 WCF를 이용해서 Stream를 나눠서 파일을 보냈고요, 다중 파일을 선택해서 보내다보니, WCF서비스에서는 올라오는 이미지 파일들이 어떤 그룹인지 알수가 없어 하나의 이미지파일을 보낼때 마다 그룹 키를 함께 보내서 지금 올라오는 이미지들이 키를 중심으로 하나의 그룹이라는 것을 정의해 줬어요. 이 부분은 소스를 보면 알수 있을 거예요. 이렇게 올라온 이미지 파일을 DeepZoom파일로 변환해서 저장하기도 해요.

 - Viewer에서는 WCF를 이용해서 해당 키를 호출해 주면요. 해당 WCF서비스에서는 DBServe에게 해당 데이터를 요청하고, 받은 데이터를 토대로 DataClass를 생성해서 PhotoLight에서 넘겨주게 되는 구조이죠.
이렇게해서 PhotoLight에서는 해당 데이터를 토대로 하나하나 이미지를 호출하게 됩니다. 기능들을 간단하게 슬라이드와 한장씩 보기, 딥줌보기가 있고요. 퍼가기 기능도 지원합니다. ^^ 세미나날 퍼가기 기능을 테스트 한다가 안되서 약간 당황스러웠습니다^^;;집에와서 확인해 보니 제가 마지막에 소스를 고치면서 퍼가기 부분은 예전소스 그대로 놨더라고요. 이런이런...저도 인간인지라...^^;;;

이상 간단하게 PhotoLight에 대해서 이야기 했고요. 제 발표 자료는 아래 링크를 통해 받아 보실수 있을 거예요.

 - 전체 소스 : 다운로드
 - PPT 자료 : 다운로드
 - 실행 모습 : http://temp.happydong214.com
(집에서 개인서버로 돌리고 있는 중이라, 나중에는 닫힐수도 있습니다.)

부족함이 많은 세션이었지만, 함께 세미나에 동참했던 분들과 웃으면서 보내서, 정말 즐거웠던 시간이 아니었나 싶어요.
태그 : PhotoLight
작성자 정보
해피동
Level 58
 [EXP.0/250]

메일:  비공개

글등록 +12 1904 덧글등록 +3 530
자기소개
글 공유하기 |
  tweet facebook
2009-05-18 오전 1:54:23
나도한마디
사용자
닥터제로            [2009-05-18]
Level 3
 [EXP.7/16]
정말 수고하셨습니다. 16일 세미나중 가장 재미있었고요 특히 투명안경.... ㅋㄷㅋㄷ
자료도 제가 1등으로 받아가고 댓글도 1등이군요..
세미나 준비하시는데 고생많이 하셨고요 자료는 개발하는데 많은 도움이 될것같네요 >.</ 자료 감사합니다.
사용자
해피동            [2009-05-18]
Level 58
 [EXP.0/250]
정말 세미나 중간에 깜짝 놀란 순간이었습니다.
긴장해서 아무거나 클릭했는데...이런이런...
등뒤에서 식은 땀이...주르르~~;;;;;
그래도 너그러이 끝까지 봐주셔서 감사합니다~^^;;
다음에는 꼭 그런실수를 안하도록 신경또 신경써야 겠어요;;;
사용자
gongdo            [2009-05-18]
Level 56
 [EXP.242/250]
역시 인간 김동욱님! 인간적인 세미나를 인간적으로 마무리 해주셨네요!
사용자
해피동            [2009-05-18]
Level 58
 [EXP.0/250]
저도 인간인지라...크큭~^^
사용자
꼬기얌얌얌            [2009-05-18]
Level 33
 [EXP.4/80]
흐흐흐...흐흐흐...동욱님 수고하셨어요..^^
사용자
꼬맹이            [2009-05-21]
Level 99
 [EXP.만랩]
수고 많으셨어요 ㅎ
태그로 엮인글
글리스트
한글 Visual Studio 2010용 Microsoft Silverlight 4 Tools[4]  땅콩킹콩
[발표자료] 훈스닷넷 제 20회 정기세미나, 다시 생각해보는 UX와 RIA[1]  gongdo
[Silverlight 4 Beta]포토라이트 시즌 2 발표자료 및 소스[1]  해피동
실버라이트 이펙트 시리즈 2[1] 파일첨부 하얀코코
실버라이트 이펙트 시리즈 1[1] 파일첨부 하얀코코
실버라이트 3 RTW 출시![3]  gongdo
[Blend 강좌예제] 물리엔진을 적용한 객체[2] 파일첨부 짱묜
실버라이트 채팅 프로그램 소스[13] 파일첨부 HOONS
silverarcade.com[3]+2 파일첨부 ★도온
mnatwork.com/[7] 파일첨부 ★도온
 ★현재글->   DTFE2009 훈스닷넷 4세션 PhotoLight 발표 자료 [4]+2  해피동
DTFE2009 훈스닷넷 1세션 실버라이트 3 발표 자료[6]  gongdo
제1회 DevDcc 실버라이트3 발표자료[1]  gongdo
심심할 땐 한자 퀴즈 한 판~[6] 파일첨부 구박사
Vertigo의 Slide.Show2 를 Classic ASP에서도 동작하도록 수정한겁니다. 파일첨부 뒤리머
nxmix.com/niubility/sl/[8] 파일첨부 ★도온
인공지능 오목 게임소스[8] 파일첨부 HOONS
labs.uxremedy.com[9] 파일첨부 ★도온
medhas09.com[5] 파일첨부 ★도온
[Blend 강좌 예제] 슬라이드 광고 효과[9]+3 파일첨부 짱묜
실버라이트 메뉴[6] 파일첨부 하얀코코