lovesera: ART of VIRTUE

[매시업 캠프] 야후! 코리아 데모와 샘플 코드 본문

일과 사람들

[매시업 캠프] 야후! 코리아 데모와 샘플 코드

일상예술가 2008. 1. 13. 22:13

지난주 매시업 캠프에서  소개된 야후! 코리아의 수행 과제를
소개 해 드립니니다.

저희는 6개의 샘플소스를 준비했습니다

예술가적 기질을 가진 야후!코리아의 엔지니어 박현님의 도움으로
아래와 같은 마이크로 사이트도 하나 후다닥 준비했구요.

[미리보기]

[Demo URL ] http://lovesera.com/camp/ 

각각의 과제를 소개합니다.


1.  Y! 지도 위에서 뉴스를

[미리보기]


[DEMO URL]
http://lovesera.com/camp/maps/U8news.php

화면 오른쪽의 지도를 이동하면 해당 지역의 뉴스가 보여집니다.
구현방식은 다음과 같습니다.
1) 화면에 보여지는 지도의 중심 좌표를 알아낸다
2) 중심 좌표의 지역명을 알아낸다
3) 이 지역명으로 뉴스를 검색한다
4) 함께 보여준다.


2. WZD 지도 위젯

야후! AJAX 지도를  위자드 닷컴(http://wzd.com/) 의
위젯 형식으로 만든 예제입니다.

[미리보기]



API를 이용해 컨텐츠를 만드는 회사와
위젯 형태의 UI를 만드는 회사가 서로 협력할 수 있다는
사실을 보여주는 좋은 예입니다.

[DEMO URL]
http://lovesera.com/camp/maps/YahooMapWidget.html  


3. Flickr 에서 RSS 피드 이미지 찾기

특정 RSS 피드를 선택해서 중요한 키워드를 찾아내고
이 키워드를 이용해 Flickr 에서 사진을 검색합니다.
검색된 사진을 각 RSS 기사와 함께 보여주는 매시업입니다.
phpFlickr 와 magpie 를 이용해 복잡한 작업을 처리했습니다.

[미리보기]


[DEMO URL]
http://lovesera.com/camp/flickr/news/



4. Flickr 사진을 Y! 지도 위에 보여주기

사진의 photo_ID를 입력하면
flickr.photos.geo.getLocation 메소드를 이용해
위도 경도 정보를 찾아내고
이 값을 이용해 지도위에 해당 사진을 표시해 주는 간단한 예제입니다.


[미리보기]

[DEMO URL]
http://lovesera.com/camp/flickr/map/



5. Flickr Badge Wizard

Flickr 의 API  중에서  flickr.photos.search 를 이용해
원하는 사진을 검색해서 배열해 줍니다.
미리보기를 한 후에  마음에 들면
이 소스를 HTML, XML, PHP 형태로 다운받을 수 있지요.

[미리보기]


[DEMO URL]
http://lovesera.com/camp/flickr_wizard/

YUI(http://developer.yahoo.com/yui) 라이브러리를 이용해
화면을 이쁘게 꾸몄습니다.


6. GUGI Map Wizard

[미리보기]


[DEMO URL]
http://kr.open.gugi.yahoo.com/wizard/wizard.php

지도를 표시하기 위한 몇개의 옵션을 선택하고
원하는 지명을 입력하면 해당 지명의 좌표정보를 찾아
해당 지도를 미리 보기 할 수 있습니다.

그다음 샘플 코드를 다운로드 받아서 다음 단계를 진행하면 되죠
야후! 지도 API는 지역명과 좌표를 상호 변환하는
편리한 함수를 제공하고 있습니다.


▷ Download

6개 예제를 묶어 놓은 소스는 아래에 있습니다.

- yahoo_sample.zip (7.1M)
-
yahoo_sample.tgz (5.4M)


▷ 실행 환경

- PHP5가 설치된 웹서버
- 일부 스크립트는 curl , iconv  가 필요합니다.


▷ 유의사항


- 스크립트에 포함된  API Key 는 Demo를 위해 미리 입력된 것입니다.
여러분의 서버에서 실행하는 경우 API Key를 변경해 주세요.
- flickr badge Wizard가  실행되지 않는 경우
flickr_wizard/flickr_proxy_call.php 22행의 스크립트 경로를 수정해 주세요.

▷ 저작권 및 책임의 한계

1. 본 소스코드는 CC-GPL 라이센스가 적용됩니다.
   http://creativecommons.org/license/cc-gpl
2. Yahoo! Korea 본 소스의 사용으로 인한 법적 책임이 없습니다.
3. 공개된 소스코드를 참조해 새로운 창작물을 만드실 경우
   반드시 그 소스코드를 공개해야 합니다.
 

감사합니다!