12
研研研 研研研研 研研研研研研 研研研研 研研研研 研研 1

「 My Room 」 Web System

  • Upload
    afra

  • View
    38

  • Download
    0

Embed Size (px)

DESCRIPTION

「 My Room 」 Web System. 研究者:スワット センサワート 指導教員:越田高志 先生. 1.はじめに. 従来のインターネットでは サーバから情報を得る一方向のみ。 現在のインターネットでは 双方向の利用に変わりつつある。. マッシュアップとは. 複数の Web サービス API を組み合わせて、新しい一つの Web サービスとして開発することである。. 図:マッシュアップのイメージ. 2.研究の目的. 必要情報を得るために、複数のサイトに別々のウィンドウでアクセスしなければならず、手間がかかる。 - PowerPoint PPT Presentation

Citation preview

研究者:スワット センサワート指導教員:越田高志 先生

1

従来のインターネットではサーバから情報を得る一方向のみ。

現在のインターネットでは双方向の利用に変わりつつある。

2

複数のWebサービス APIを組み合わせて、新しい一つのWebサービスとして開発することである。

3

図:マッシュアップのイメージ

必要情報を得るために、複数のサイトに別々のウィンドウでアクセスしなければならず、手間がかかる。

1ヶ所のキーワード入力で同時に複数のサイトにアクセス可能

4

企業 サービス

Google Web,News,Blog,Book,Image,Local,Patent,PDF,Map

YouTube 動画検索

Livedoor(Weather Hacks)

天気情報検索

Amazon Amazonサービス内のキーワード検索

Yahoo Yahooサービス内のキーワード検索

5

Google, Amazon, 及び Yahooサービスは一つキーワードで複数結果が得ることが出来る

6

var tabbed = new GSearchControl();

tabbedオブジェクトを作成,

サービスを登録

tabbed.addSearcher(new GwebSearch());tabbed.addSearcher(new GnewsSearch());…

Google APIを利用するための宣言http://www.google.com/jsapi?key=ABQI...

7

AmazonWebサービスを登録var amaz = new GwebSearch()amaz.setUserDefinedLabel("Amazon JP"); amaz.setUserDefinedClassSuffix("siteSearch");amaz.setSiteRestriction("amazon.co.jp");tabbed.addSearcher(amaz);

定義した関数をイベントハンドラとして登録

google.setOnLoadCallback(OnLoad, true);

8

tabbed.addSearcher(new GwebSearch());

tabbed.addSearcher(new GnewsSearch());

var tabbed = new GSearchControl()

9

図:システムの実行例

アンケート 10人の平均点

キーワード入力が 1 回で,複数の検索サービスが利用できるので便利で効率的であるか?

4.5

このシステムがインターネット上にあれば 貴方は使いたいと思う?

4.2

このシステムがインターネット上に実現すれば 役に立つと思う?

3.4

10

※ 1 問は 5 点満点である感想と改良・ 2つのマップを互いに対応・ 天気情報の選択リストをもっと選択しやすい…

YouTube →選択動画を同じフレームの空いてるスペース部分に

Map→2つマップをお互いに対応

11

有難う御座いました

The End

12Demo