jasu's blog

less..

'quality' tag로 검색한 이미지들


야 후가 인수한 Flickr.com 라는 사이트에서는 Open API를 제공하고 있다. 고맙게도 flickr에서는 api를 이용하여 개발자들이 개발할 수 있도록 다양한 언어와 툴에 기초한 소스들을 제공하고 있어서 이를 이용하여 tag를 이용한 사진검색 어플리케이션인 "FlickrSearcher"을 만들어 보았다.

현재 1.0버전으로 기본적으로 사진을 검색하고 해당 사진을 사이즈별로 열어볼 수 있는 정도까지 만들어 놓은 상태다. 아직은 flickr를 많이 사용해 보지 않은 관계로 어떠한 정보를 다루어야 할지 구조를 잡지 못하여 해당 사진을 클릭했을 때 보여줄 정보를 구상중이다.

원래는 블로그에 있는 infinite메뉴에서 서비스할 목적으로 만들고 있었는데 도메인이 서로 다른 곳에 있는 이미지를 로드했을 때 플래시에서 제공하는 BitmapData클래스의 기능을 사용하지 못하기 때문에 exe파일로 만들게 되었다.(로컬에서는 크로스도메인 정책이 먹히지 않는다)

만드는 과정에서 몇가지 제공되지 않는 기능들이 있었는데 Flickr Searcher 1.0 에서는 선택한 이미지의 크기를 지정할 수 있도록 상단에 있는 툴바에 기능을 넣어두었다. 이 기능에서의 문제점은 해당 이미지의 큰 이미지를 불러들일 때 큰 이미지를 제공하지 않는 이미지일 경우에는 서버에서 제공하지 않는 이미지라는 기본 이미지를 대체하여 전송한다는 것이다.

이로 인해서 큰 이미지를 제공하지 않는 이미지를 클릭하면 해당 이미지가 나오지 않고 제공하지 않는 이미지라는 이미지가 떠버린다. 플래시에서는 일단 해당 이미지 경로로 쿼리를 날리면 더 이상 그 이미지가 맞는지 틀린지를 확인 할 방법이 없다.

그래서 처음에는 불러온 이미지의 width와 height값을 기본적으로 제공하는 이미지와 같은 경우에는 중간사이즈의 이미지를 다시 로드하게 만들어 보았으나 중간 사이즈의 이미지가 기본적으로 제공하는 이미지의 가로와 세로 크기가 같은 것들이 많이 있었다. 그래서 이미지의 사이즈로 구분하지 않고 이미지의 용량으로 구분을 하도록 만들었다.

기 본적으로 제공되는 이미지의 경우 용량이 2800byte라는 것을 확인하고 큰 이미지를 로드했을 때 용량이 2800과 같은 경우에는 중간 이미지로 대체하도록 만들어 놓았다. 물론 큰 이미지의 용량이 2800과 같은 경우도 있을 수 있으나 큰 이미지를 볼 때 발생하는 대체 이미지를 전송하는 문제점 보다는 나은 방법이며 현재로서는 이 방법 이외에는 대안이 없다.

그리고 썸네일 이미지에 마우스 오버를 했을 때 보여지는 사람 얼굴 이미지는 flickr의 이미지 소유자 개인정보에 등록되어 있는 이미지를 로드하기 위하여 만들어 놓았는데 flickr에서 제공하는 api의 xml 데이터에는 이 아이콘의 위치에 해당하는 server id를 넘겨주지 않고 있다. 이것은 좀더 알아보고 정보을 얻을 수 있을 때 적용할 생각이다.
1차적으로 기본적인 사진 갤러리 형태는 만들어 진듯하여 올려 놓는다.

less..