당신의 웹페이지에 AJAX를 이용해서 슬라이드 쇼를 만들고자 한다면 아래와 같은 절차를 거치면 된다.

Step 1 - AJAX Feed API 와 슬라이드 쇼를 로딩하자.

첫번째 스텝은 Google AJAX Feed API와 슬라이드쇼 코드를 삽입하면 된다.
그전에 Google AJAX Feed API를 사용하기 위해서는 Key가 필요한데, 아래 코드의 "YOUR-KEY" 부분을 구글에 가서 가입하고 다운받으면 된다.

<script src="http://www.google.com/jsapi/?key=YOUR-KEY"
      type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
      type="text/javascript"></script>
     
Step 2 - 슬라이드 쇼에 대한 웹페이지의 위치를 정하자.

다음 스텝은 슬라이드 쇼를 설정할 위치를 정하는 것이다. 이것은 일반적으로 "div" 로 구성된다.
이렇게 해서 한개 이상의 슬라이드 쇼를 가질 수 있다.

<div id="slideShow">Loading...</div>

추가의 코드를 삽입하면 슬라이드 쇼의 상하좌우 크기 등의 속성도 설정할 수 있다.

Step 3 - GF슬라이드쇼를 생성하고 웹페이지에 붙여넣자.

최종단계는 슬라이드 쇼의 제어판을 생성하고 설정하는 것이다. 이과정의 첫단계는 실제 동작할 당신 코드를 얻는 것과 AJAX Feed API를 로드하는 것이다. 가장 쉬운 방법은 슬라이드 쇼를 초기화 하는 간단한 함수를 작성하고 google.setOnLoadCallback()를 이용하는 것이다.

<script type="text/javascript">
  function LoadSlideShow() {
    var feed  = "RSS 주소";
    var options = {displayTime:2000, transistionTime:600, scaleImages:true};
    var ss = new GFslideShow(feed, "slideShow", options);
  }
  /**
   * Use google.load() to load the AJAX Feeds API
   * Use google.setOnLoadCallback() to call LoadSlideShow once the page loads
   */
  google.load("feeds", "1");
  google.setOnLoadCallback(LoadSlideShow);
</script>

붉은색의 RSS 주소 부분을 수정하여 원하는 RSS 이미지를 확보하면 된다. Picasa, Flicker 등의 사이트에서 만든 웹 앨범에 대하여 RSS Feed 를 제공하므로 링크하면 될 것이다.

 예:
      samples = "http://www.google.com/uds/solutions/slideshow/sample.rss";
      picasa = "http://picasaweb.google.com/data/feed/base/user/tester/albumid/4938389041003364369?kind=photo&alt=rss";
      flickr = "http://api.flickr.com/services/feeds/photos_public.gne?id=8331815@N03&format=rss_200";

 
 다음의 사이트에서 보면 예제를 포함하고 있으니 확인하시기 바란다.
http://www.google.com/uds/solutions/slideshow/reference.html

 그리고 샘플대로 구현하면 아래와 같다.



Loading...
Interesting/Robot | Posted by hyena0 2007. 11. 8. 00:14

MSRS, Microsoft Robotics Studio

MSRS

 마이크로소프트에서 로봇을 쉽게 개발 할 수 있는 개발툴을 내놓았다. 이 툴의 특징은 프로그램의 경험이 없는 학생, 일반인도 사용이 가능하도록 쉬운 비주얼 언어인 Visual Programming Language (VPL)을 사용하고 있다는 것이다.
 
사용자 삽입 이미지
 VPL은 그림과 같이 UI 상에 사용자가 연결하는 방식으로 되어 있어, 과거의 레고 마인드 스톰에서 프로그래밍하던 방식과 유사하다고 생각된다. 이러한 UI 프로그래밍 방식은 LabView라는 계측 제어 프로그램에서도 마찬가지로 사용하고 있다.

 MSRS 제품의 구성은 다음과 같다.
  • Visual Studio용 개발 환경 및 런타임 모듈
  • Visual Programming Language (VPL) 개발 도구
  • 시뮬레이션 개발 환경
  • 애플리케이션 샘플 및 튜토리얼

    사용자 삽입 이미지
     
     로봇을 이용하는 개발자에게는 좋은 툴이 될 수 있을 것으로 기대한다.


  • Interesting/Robot | Posted by hyena0 2007. 11. 7. 23:51

    STRIDE , 소금쟁이 로봇

    STRIDE

     미국의 카네기멜론 대학(CMU)의 나노로보틱스랩에서는 물의 표면 장력을 이용해서 소금쟁이처럼 물위에 떠서 움직이는 로봇에 대한 연구를 하고 있다. 소금쟁이(Strider) 로봇은 STRIDE, 즉 Surface Tension Robotic Insect Dynamic Explorer 라는 약자로 불리고 있다.

     로봇은 5Cm 가량의 테프론으로 코팅이 된 물에 저항성이 있는 선으로 되어 있다. 세개의 피에조 전기를 이용하는 actuator를 이용해서 수평과 수직으로 움직여 이동한다고 한다.

    사용자 삽입 이미지

     나노 로보틱스랩에 가면 관련 논문을 확인할 수 있는데, 아래와 같이 물에 뜨기위해 어떠한 다리구조를 가져야 하는지 표면장력을 가지기 위한 물리적 파라미터를 구할 수 있다.

    사용자 삽입 이미지
     위의 표에 맞는 로봇 다리를 가지기 위해 상당한 실험을 통해 적당한 다리를 제작한 것을 확인할 수 있다.

     자세한 내용을 확인하고 싶으시다면 아래의 사이트를 참조하세요.
    http://nanolab.me.cmu.edu/projects/waterstrider/