http://www.popfly.ms/

로그인 : msn 로그인 할 때의 아이디로 로그인

메뉴는 크게  Create stuff 와 My stuff 만 보면 될 듯하다.

Create stuff
 [Mashup]    : 매쉬업 작품을 만들때 사용한다.
My Stuff
 [projects]  : 자기가 만든 매쉬업 프로젝트 리스트가 출력된다.
 이곳에서 Share[공유]를 하게 되면 iframe 등으로 출판이 가능하다.
 [devloper keys] : 각 매쉬업 서비스들의 open api 들을 사용하려면 개별 application id들이
   필요한데 자기가 등록한 application id의 리스트를 담고 있다.

이제 매쉬업 서비스를 하나 만들어보자.

1. Create Stuff 의 MashUp 선택

왼쪽엔 사용할 수 있는 매쉬업 서비스들이 카테고리별로 나오고 있다.
오른쪽은 디자인 화면 정도라 생각하자.

무엇을 만들까? 
사진을 가져오는 서비스와 원하는 형태로 보여주는 서비스의 매쉬업을 해보자.

2. 사진을 가져오는 서비스는 Image & Video 에서 플리커를 선택하고

보여주는 서비스는 Display에서 Image Fader 을 선택하자. 각각 선택시 오른쪽 화면에 빨간 상자가 표시된다.

3. flickr상자의 파란 동그라미를 선택하여 Image Fader 의 파란 동그라미쪽으로 연결하자

. flickr의 이미지를 가져오는 서비스를 사용하려면 application id를 발급받아야 한다.

flickr의 설정을 변경하려면 스패너 아이콘을 선택하면 된다.

text는 가져올 이미지의 검색어 / number는 가져올 사진의 갯수를 의미한다.
다시 스패너를 선택하여 원래화면으로 돌아갈 수 있다.

이걸로 개발은 끝이다.

Preview 를 눌러서 사진들이 페이딩 되면서 다음 사진으로 넘어가는 당신의 매쉬업 서비스를
확인할 수 있다

Customize를 누르면 원래의 화면으로 돌아간다.

4. 자 잘만들었다고 생각되면 우측 상단의 Save 버튼을 누르자.

5. My Stuff 의 projects를 선택하자

6. 내 작품을 외부에 서비스하려면 Share를 눌러 외부로 출판을 할 수 있게 하자.

7. MashOut -> Embed it 을 선택했더니 다음과 같이 iframe 으로 추가할 수 있도록 링크를 만들어준다.


홈페이지에 위에서 만들어진 iframe으로 추가한 화면