'2008/04'에 해당되는 글 31건

  1. 2008/04/30 Silverlight 2 Socket 예제 (6)
  2. 2008/04/28 주기 함수(Periodic Function) 엔진(?)
  3. 2008/04/28 Deep Zoom Viewer Lite - Silverlight.net 갤러리에 등록 (2)
  4. 2008/04/25 실버라이트 Custom Splash Screen 예제
  5. 2008/04/25 [시애틀] Seattle Art Museum (1)
  6. 2008/04/24 윈도우즈에 이런 기능 기본으로 있었으면 좋겠어요. (5)
  7. 2008/04/22 Deep Zoom의 Thumbnail에 대해서
  8. 2008/04/21 Deep Zoom Viewer Lite 1.3 Update (2)
  9. 2008/04/18 피터씨의 익스프레션 블렌드2.5 박치기! (1)
  10. 2008/04/16 [시애틀] 메트로폴리탄 그릴 (Metropolitan Grill)
  11. 2008/04/15 [시애틀] 올림픽 국립공원 (5) - 바다에서 본 시애틀의 야경
  12. 2008/04/15 [시애틀] 올림픽 국립공원 (4) - Safeway에 들르다
  13. 2008/04/13 [시애틀] 올림픽 국립공원 (3)
  14. 2008/04/13 [시애틀] 올림픽 국립공원 (2)
  15. 2008/04/13 [시애틀] 올림픽 국립공원 (1)
  16. 2008/04/13 [시애틀] 맥도날드
  17. 2008/04/12 [시애틀] Todai(토다이)
  18. 2008/04/12 회의실에 빔프로젝터 장착
  19. 2008/04/10 [레드몬드] In the Lobby, Silver Cloud Inn Redmond (2)
  20. 2008/04/10 [시애틀] 디지털 자화상
2008/04/30 18:27

Silverlight 2 Socket 예제



오늘 오전에 스캇 구쓰리 형님 블로그에 한바탕 정리된 쓸만한 링크들이 포스트 되었습니다.

그 중 Silverlight 파트에서 Pushing Data to a Silverlight Client with Sockets라는 제목의

포스트를 발견한 공도씨가 어서 읽어 보라고 소리칩니다.

여러분도 읽어보세요. 많은 도움이 됩니다.

Pushing Data to a Silverlight Client with Sockets: Part I
Pushing Data to a Silverlight Client with Sockets: Part II

Part1에서 간단히 Server 파트를 다루고 Part2에서 Client를 다룹니다.

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 6

Trackback : http://gilverlight.net/trackback/2834 관련글 쓰기

  1. BlogIcon 테디 2008/05/02 10:17 address edit & del reply

    길버트님의 작은 수고로 많은 분들이 편한 여행을 할 것 같습니다. 그리고 고맙다고들 하십니다.

    무슨 이야긴지는 다음 링크를 클릭해보세요^^

    http://cafe.naver.com/iloveny/13806

    참고로 한가지 덧붙이자면 지도는 랩퍼냐옹님이란 분이 제작을 하였으며 현제 뉴욕에 유학생으로 있으며 전공은 시각다지인이라 합니다. 지도는 계속 업데이트가 될것이며 지도와 딥줌이 만난다면 꽤 재미난 컨텐츠가 될것으로 보입니다.

    • BlogIcon 길버트 2008/05/02 10:35 address edit & del

      카페에 가입해야 내용을 볼 수 있다고 해서,
      가입 신청을 해놓은 상태입니다. ^^

  2. BlogIcon 테디 2008/05/02 17:35 address edit & del reply

    앗 그걸 잊었네요. ^^

    제 블로그 글을 보는게 빠를 듯합니다.

    http://taedi.kr/User/ArticleContent.aspx?articleNo=264

    지도는 맨하탄 지도 입니다.

    • BlogIcon 길버트 2008/05/02 21:19 address edit & del

      와 보람있네요 ^^
      맨하탄 지도 만지다가 버그 발견했습니다.
      세로로 긴사진일 경우 발생하는 것 같네요.
      미니맵 위에서 드래그 할 경우에 버그 있습니다.
      고쳐야겠네요. ^^

  3. BlogIcon 테디 2008/05/05 07:10 address edit & del reply

    업로드 기능을 부여하여 뷰어 한켠에 리스트 등을 만들어 지도를 선택하여 다른 지도도
    볼 수 있게 하면 좋을 것 같습니다. 지도 리소스 제작이야 딥줌 제작 툴 강좌만 공부하면 누구나
    제작 할 수 있으니 재미있을것 같습니다.

    • BlogIcon 길버트 2008/05/06 14:57 address edit & del

      업로드 기능까지 뷰어에 장착하는 것은 뷰어 기획에서 좀 벗어나는 것이라서 좀 그렇구요.
      외부 업로드 페이지(또는 콜백페이지)로 링크시킬 수 있는 메뉴를
      옵션으로 제공할 수는 있겠네요. ^^

      리스트 기능은 1.4 버전에 포함될 예정입니다.
      테디님 좋은 의견 감사드립니다.

2008/04/28 15:07

주기 함수(Periodic Function) 엔진(?)



주말에 심심해서 한번 만들어 보았습니다.

more..


크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0

Trackback : http://gilverlight.net/trackback/2833 관련글 쓰기

2008/04/28 11:52

Deep Zoom Viewer Lite - Silverlight.net 갤러리에 등록

휴즈플로우의 Deep Zoom Viewer Lite가 silverlight.net 갤러리에 등록되었습니다.
자축합니다. ^^

그리고 오늘 엄준일 MVP님의 포스트를 보니 MSDN Blog 중 Felix Wang의 블로그에도
Very Interesting Deep Zoom in Korean (Korea가 맞지 않나요? ^^;;)라는 제목으로
다른 서비스들과 함께 소개가 되었다고 하네요.

거기 같이 소개된 Newsbank의 Deep Zoom 서비스와, PCASO의 Deep Zoom 서비스에서 사용하고 있는
Photo Viewer의 프로토타이핑에 공도씨가 수고가 많았습니다.

조선일보에서도 Deep Zoom을 맛보실 수 있습니다. 물론 퍼가기도 가능합니다.



저희 손을 거친 실버라이트 관련된 서비스들이 국내에서 오픈해 나갈 때마다 느끼는 뿌듯함은,
계속 앞으로 나가게 하는 바람이 됩니다. (채찍이 됩니다라고 표현하려다 무서워서...)
앞으로도 계속 뿌듯함을 느껴나갈 수 있도록 더욱더 노력해야 겠습니다.

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 2

Trackback : http://gilverlight.net/trackback/2832 관련글 쓰기

  1. BlogIcon 김시원 2008/04/28 13:40 address edit & del reply

    멋집니다 ^^ 휴즈플로우 화이팅

    • BlogIcon 길버트 2008/04/30 08:58 address edit & del

      시원씨도 멋져요.
      시원씨도 파이팅.

2008/04/25 21:27

실버라이트 Custom Splash Screen 예제

우리 회사 디자이너 피터씨와 splash screen을 한번 만들어 보았습니다.
splash screen은 재멀(.xaml)파일의 비하인드 코드로 자바스크립트(.js)를 사용해야 해서,
흡사 Silverlight 1.0 시절로 돌아간 듯한 착각에 빠졌습니다.
자바스크립트 쪽에 모르는 부분은 공도씨가 알려줬습니다.


 
학습 자료

공부는 네이버 실버라이트 카페 이과장님이 번역해 놓은 자료를 이용하시면 됩니다.

소스


소스를 다운 받아 여시면 HugeflowSplashScreenSource 프로젝트가 있는데,
그 하위에 Garbage 디렉토리에 5MB 정도의 파일 아무거나 추가하시고, 속성에서
Build ActionContent로 설정하십시오.

컴파일을 하신 다음. Web 프로젝트의 ClientBin 아래에 만들어진 .xap 파일을
ClientBin의 상위 트리로 꺼내어 놓습니다. (종전의 것이 있다면 지워야 할 겁니다.)

왜 이런 행위를 하는지는 티스토리 블로그에 파일 첨부가 10MB이하라서 그런 것도 있지만,
이과장님 번역자료를 한번 훑어보시면 아시게 됩니다.
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0

Trackback : http://gilverlight.net/trackback/2830 관련글 쓰기

2008/04/25 01:15

[시애틀] Seattle Art Museum


지도 상의 중앙 쯤에 위치하고 있습니다.

VISITORS GUIDE 첫면을 장식한 작품은 미술관에 들어가 실제로 보니,
'군번 태그'를 잔뜩 이용해 만든 작품이었습니다. 멋있었습니다.

입장료는 13달러, Seattle Art Museum을 줄여서 SAM.
재미있는 사실은 이곳 멤버쉽 이름이 영화제목과 같은 I am SAM 이라는 사실이었습니다.
언어유희를 즐길 줄 아시는 분이 기획하셨나 봅니다.

미술관 로비에는 진짜 자동차를 이용한 작품이 전시되어 있었습니다.
총 7대의 자동차가 공중에 매달려 방문객을 압도하고 있었습니다.

차종은 TAURUS라고 적혀 있었습니다.

내부는 사진 촬영이 금지되어 있어서 사진은 여기까지입니다.
얼마전 이슈가 되었던 '행복한 눈물'의 작가가 그린 다른 작품들도 전시되고 있었습니다.

시애틀에 가셔서 시간여유가 있으시면 한번 들러볼 것을 권해드리구요.
3시간 정도 여유있게 관람하시면 좋을 것 같습니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 1

Trackback : http://gilverlight.net/trackback/2829 관련글 쓰기

  1. BlogIcon 테디 2008/04/25 10:03 address edit & del reply

    노스페이스 매장 갔다가 pike place market 가는 길에...
    수영씨 사진 뒷 배경으로 몇 컷 찍어 주고 왔습니다. ㅡㅡ;

2008/04/24 15:09

윈도우즈에 이런 기능 기본으로 있었으면 좋겠어요.

Expression Blend로 작업을 하다보니 저의 User Experience가 확장이 되었나 봅니다.

윈도우즈 환경에 기본적으로 이런 기능이 있었으면 좋겠다고 문득 생각하게 되네요. ^^

원하는 파일/폴더 등을 선택한 후 예를들어 Ctrl+G 따위를 누르면 폴더로 간단하게
싸주는 그런 기능 말입니다.

1. 폴더로 싸주길 원하는 파일을 선택한다.

사용자 삽입 이미지

2. Ctrl + G 따위를 누른다.

사용자 삽입 이미지

3. 완성

사용자 삽입 이미지

*^^*
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 5

Trackback : http://gilverlight.net/trackback/2828 관련글 쓰기

  1. BlogIcon 미친병아리 2008/04/28 00:17 address edit & del reply

    좋은 아이디어군요.. 이런 일이 많을 것 같은데, 단축키 지원하면 아주 유용할 것 같습니다..

    • BlogIcon 길버트 2008/04/28 13:34 address edit & del

      네, 'Windows 다음 버전에 이런 기능 추가 좀 해주세요~'
      하는 내용의 글을 어디에 올려야 영향을 줄까요?
      MSDN 포럼 같은데요?

  2. BlogIcon 김시원 2008/04/30 00:45 address edit & del reply

    알집에 넣을수 있도록 해보겠습니다 ㅋ

    • BlogIcon 길버트 2008/04/30 08:58 address edit & del

      그것도 좋아요.
      그럼 알집 더 애용할게요.
      감사합니다. 시원씨!

  3. 차챠 2008/06/12 12:15 address edit & del reply

    Auto Hotkey 같은 스크립팅 툴을 사용해서 만들어도 되겠네요

2008/04/22 09:56

Deep Zoom의 Thumbnail에 대해서

Deep Zoom 이미지를 위한 Thumbnail은 따로 만들 필요가 없는 것 같아요.
Deep Zoom Composer가 만들어준 파일 중에 이미 쓸 만한 것들이 많이 있으니까요!

알고 계신바와 같이 Deep Zoom Composer는 원본 이미지를 단계적으로 축소해가면서,
단위 이미지들로 쪼개어 위와 같은 구조로 만들어 줍니다.

0~8까지의 이미지 폴더 안에는 쪼개지지 않은 축소 이미지(0_0.jpg)들이 있습니다.

이중 폴더 8 안의 이미지가 쪼개지지 않은 축소 이미지 중 최대 크기 입니다.
그리고 파일 경로는 다음과 같습니다.

{info.bin이 위치한 경로}/8/0_0.jpg

(사실 폴더 9 안의 이미지도 1개로 존재할 때가 있기는 하지만,
이미지에 따라서는 아래 이미지와 같이 쪼개져서 존재하는 경우가 있어
Thumbnail로 활용하기에 안전하지 않습니다.)

 

폴더0~8 안의 이미지들을 살펴 보면 대략 아래와 같습니다.

폴더 이미지 사이즈
0 1x1
1 2x2
2 4x3
3 7x5
4 14x9
5 27x18
6 54x36
7 108x72
8 216x144

각각의 폴더 안에 보시는 바와 같이 축소 이미지들이 존재를 하며,
그림 마다 정확한 사이즈가 보장되지는 않는 이유로,
크리티컬한 사이즈가 요구되는 경우를 제외하고는 유용하게 사용할 수 있습니다.

특히 실버라이트는 이미지 Resize 능력이 Browser에 의한 Resize보다 좋은 편이라
문제없이 사용할 수 있다고 생각합니다.

Deep Zoom Viewer Lite 1.3에서는 미니맵(Minimap)을 구현하기 위해 폴더 8의 이미지를
적극 활용하고 있으며, 앞으로 XML로 이미지 리스트를 Import할 수 있도록 지원할 예정인데,
이 때에도 적극 활용할 계획입니다.


이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0

Trackback : http://gilverlight.net/trackback/2827 관련글 쓰기

2008/04/21 07:38

Deep Zoom Viewer Lite 1.3 Update





사진이 마음에 안들더라도 이해해 주세요.
(아니면 저작권 논쟁에서 안전한 고해상도 이미지를 누군가 제공해 주세요~ ^^)

Deep Zoom Viewer Lite으로 고해상도 사진을 공유하세요.

1. Intro

DeepZoom Viewer Lite를 사용하시면 Deep Zoom Composer로 생성한 자신만의
Deep Zoom 데이터를 블로그, 카페 같은 곳에 마음껏 자랑하실 수 있습니다.
(단, Deep Zoom 데이터는 웹으로 접근할 수 있는 어딘가에 Upload 하셔야 합니다.)


2. Download

현재 Deep Zoom 기술을 사용하고 있는 MultiScaleImage는 Source가 크로스 도메인 정책과
관계 없이 오로지 같은 서버에 Deep Zoom Data가 있는 경우에 이미지 로딩이 가능합니다.
이것은 컨텐츠 보호 차원에서의 정책이라고 하며, 현재도 논의 중이라고 합니다.
 
그래서 아래 XAP 파일을 다운로드 받으셔서, 자신의 Deep Zoom 데이터 서버의 임의의 장소에 업로드하셔야 합니다.
(이 파일은 한 군데에만 업로드 하시면 됩니다.)



3. Update

1) 미니맵 기능 지원

사용자 삽입 이미지

현재 보고 있는 부분이 전체 Deep Zoom 이미지의 어떤 영역인지 알기 쉽게 표시하고,
미니맵 위에서의 마우스 이벤트를 통해 가시영역을 변경할 수 있습니다.

위 아이콘을 활성화 또는 비활성화 할 수 있습니다.

활성화 : 미니맵이 항상 떠 있습니다.
비활성화 : 보는 영역에 변경사항이 없으면 3초 후 사라집니다.

사용자 삽입 이미지


4. Deep Zoom 데이터 공유하기

DeepZoom Viewer의 기본적인 퍼가기 소스는 아래와 같습니다.

<object data="data:application/x-silverlight," type="application/x-silverlight-2-b1" width="{WIDTH}" height="{HEIGHT}" id="Xaml"> 
 <param name="source" value="{DEEPZOOMVIEWER_URL}"/>  
 <param name="onerror" value="onSilverlightError" />  
 <param name="background" value="white" />
 <param name="EnableHtmlAccess" value="true"/>
 <param name="initParams" value="{INIT_PARAMS}" />  
 <a href="http://go.microsoft.com/fwlink/?LinkID=108182" style="text-decoration: none;">       
 <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>  
 </a> 
</object>

붉은 글자 부분을 변경하셔서 자신의 Deep Zoom 데이터를 공유하세요.

WIDTH : Deep Zoom Viewer의 폭

HEIGHT : Deep Zoom Viewer의 높이

DEEPZOOMVIEWER_URL : DeepZoomViewer.xap 파일의 위치
     ex> http://shiverlight.net/Sample/DeepZoomViewer10.xap

INIT_PARAMS : 다음 챕터를 참고하십시오.
     ex> DZSource=http://shiverlight.net/MultiImage/nasacowork/info.bin,OpenAllowed=false,Toolbar=false


5. initParams 설명

DZSource
- Deep Zoom Composer에서 만든 Deep Zoom Source

OpenAllowed

- Deep Zoom 열기 버튼을 허용할지의 여부, (true : false)

Toolbar
- Toolbar를 표시할 것인지의 여부 (true, false)




6. 참고

Deep Zoom Viewer Lite 1.0 매뉴얼
Deep Zoom Viewer Lite 1.1 Update
Deep Zoom Viewer Lite 1.2 Update

DeepZoom 강좌 1. Deep Zoom Composer를 이용하여 .sdi 만들기
 - 오일석님
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 2