'Flickr Finder'에 해당되는 글 5건

  1. 2008/01/23 [Flickr Finder] Flickr API Key 발급받기
  2. 2008/01/10 Flickr Finder Update! (검색어 자동완성기능과 Flickr 웹페이지 링크) (3)
  3. 2007/12/05 [실버라이트] Flickr Finder 페이지 네비게이션 용 Slider 장착
  4. 2007/12/04 Flickr Finder 검색 옵션, 정렬 옵션 추가하였습니다. (2)
  5. 2007/11/21 실버라이트 한 줄 TextBox 유저 컨트롤
2008/01/23 00:20

[Flickr Finder] Flickr API Key 발급받기

1. Flickr API Key 발급받기

실버라이트에서 Flickr API를 이용하기 위한 첫 단계로 API Key를 발급 받는 과정을
정리해 보았습니다. (29일 세미나 자료로 활용도 해야해서... 꿩먹고 알먹고)


http://www.flickr.com/services/api/keys 에 방문하여 로그인을 합니다.
(yahoo 계정이 없으시면 계정을 먼저 만드시고 로그인 하시면 됩니다.)

사용자 삽입 이미지


Apply for your key online now 링크를 클릭하여 신청 페이지로 이동합니다.

사용자 삽입 이미지
입력란을 정성스럽게 채우고 APPLY 버튼을 누릅니다.

사용자 삽입 이미지
위와 같은 확인 화면이 나오면 Click here를 눌러 계속 진행합니다.

사용자 삽입 이미지

이어서 나오는 양식을 대략 채우고 SAVE CHANGES 버튼을 눌러 저장을 합니다.


사용자 삽입 이미지

이것으로 API key 등록이 끝났습니다.

자 이제 Key를 잘 가지고 있다가 Flickr 관련 어플리케이션을 만들 때 사용하면 됩니다.

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

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

2008/01/10 19:14

Flickr Finder Update! (검색어 자동완성기능과 Flickr 웹페이지 링크)

구현해서 서버에 올려 놓은지는 벌써 2주가 되어갑니다만,
바빠서 포스팅을 못했습니다.

http://shiverlight.net/Demos/FlickrFinder

1. 검색어 자동완성 기능

사용자 삽입 이미지

웹서비스를 이용하여 사용자가 입력하는 검색어들을 DB에 누적시키고,
그것을 기반으로하는 검색어 자동완성기능을 구현해 보았습니다.

사용자 삽입 이미지


2. 해당 사진의 Flickr 사이트의 웹페이지 링크

사용자 삽입 이미지

사진 크게보기를 할 때, 오른쪽에 생기는 아이콘을 클릭하면,
해당 사진의 Detail한 정보를 볼 수 있는 flickr 웹사이트를 새창으로 띄워줍니다.

사용자 삽입 이미지

Favorites 등 재미난 기능을 좀 넣어보려고 했는데,
다른 것 하느라고 시간이 영 안나네요.

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

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

  1. BlogIcon 이과장 2008/01/11 10:13 address edit & del reply

    역시 길버트님이 짱입니다요 ㅋ

  2. BlogIcon 길버트 2008/01/11 16:01 address edit & del reply

    감사합니다.
    요즘 비밀(?)리에 Boxmile과 재미난 거 만들고 있어요.

  3. 2008/01/15 13:36 address edit & del reply

    비밀댓글 입니다

2007/12/05 22:48

[실버라이트] Flickr Finder 페이지 네비게이션 용 Slider 장착

사용자 삽입 이미지

플리커 파인더 : http://shiverlight.net/Demos/FlickrFinder/

페이지 네비게이션 용 Slider UserControl을 제작하여 장착하였습니다.


사용자 삽입 이미지



오른쪽 상단에 보면 책 모양의 아이콘이 있습니다. 이걸 누르면 아래와 같이 화면 하단에 Slider가
생깁니다. 한번 더 누르면 사라지는 토글 방식입니다.

사용자 삽입 이미지


Slider를 이용하여 Page를 이동하실 수 있습니다.

사용자 삽입 이미지

페이지의 정확한 이동을 위하여 직접 입력도 지원합니다.


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

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

2007/12/04 00:30

Flickr Finder 검색 옵션, 정렬 옵션 추가하였습니다.

사용자 삽입 이미지

플리커 파인더 : http://shiverlight.net/Demos/FlickrFinder/


1. 웹서비스 호출을 동기 호출 -> 비동기 호출로 변경하였습니다.

처음에 멋도 모르고 동기 호출로 구현해 놓았었는데,
메서드가 호출되어 반환되는 동안 실버라이트의 모든 기능이 얼어 붙습니다.
다른 건 다 괜찮은데 검색 메서드 처리하는 동안 심심하지 않도록 보여주는
아래 스토리보드 애니메이션도 꽁꽁 얼어붙어 작동을 하지 않는 것이 문제였습니다.

사용자 삽입 이미지

비동기 호출로 변경하니 잘 되네요.


2. 검색 옵션을 추가하였습니다.

플리커 사이트에서 지원하는 아래 검색 옵션을 지원합니다.

전체 텍스트 검색 (Full Text)

태그 검색 (Tags Only)

사용자 삽입 이미지

3. 정렬 옵션을 추가하였습니다.

플리커 사이트에서 지원하는 아래 정렬 옵션을 추가하였습니다.

관련성 높음 (Most Relevant)

가장 최근 (Most Recent)

가장 인기있는 사진 (Most Interesting)

사용자 삽입 이미지
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 2

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

  1. BlogIcon 오승욱 2008/07/07 02:22 address edit & del reply

    저도 지금 WPF로 작업중인데요..
    혹시 가장인기순으로 이미지 뽑아내는 방법 좀 전수 받을 수 있을까요???

    • BlogIcon 길버트 2008/07/07 17:24 address edit & del

      안녕하세요. 길버트 이길복입니다.

      1. 검색 내용의 인기순 정렬을 의미하시는 것인가요?
      2. 그냥 플리커 사이트 전체 사진 인기순 정렬을 의미
      하시는 것인가요?

      1번이라면, Flickr Open API중 flickr.photos.search를
      사용하시면서 sort 파라미터의 값으로 interestingness-desc를
      사용하시면 됩니다.

      자세한 사항은 아래 페이지를 참고 하시기 바랍니다.
      http://www.flickr.com/services/api/flickr.photos.search.html

      2번이라면 저도 잘 모르겠습니다.
      좋은 하루 되세요!

2007/11/21 18:59

실버라이트 한 줄 TextBox 유저 컨트롤

Boxmile과 함께 작업하고 있는 Multi-line TextBox의 중간 결과물인 한줄 TextBox를
Flickr Finder에 적용하였습니다.

중간 결과물이라기보다는 Multi-line TextBox의 완성이 90% 정도 된 시점에서,
한줄 TextBox에 대해서는 왠만한 기능 구현이 끝났다고 생각해 종전의 것을
업그레이드 해버렸습니다.

사용자 삽입 이미지

플리커 파인더 : http://shiverlight.net/Demos/FlickrFinder/

사용자 삽입 이미지

1. Ctrl + 방향키에 의한 단어 단위의 Warp 이동 지원합니다.
2. Mouse Click에 의한 커서 위치 설정 지원합니다.

2. '선택' 지원합니다.
- Mouse Drag 의한 선택
- Shift키 + (방향키, Home, End)에 의한 선택
- Shift + Ctrl + 방향키에 의한 선택

3. Copy & Paste, Cut 지원합니다.

아... 이것 뿐인가...

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

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