mashup caravan in オープンソースカンファレンス2011 hiroshima: infoscoop opensource

Mashup Awards 7 提供API

オープンソース企業情報ポータル

infoScoop OpenSource

株式会社ビーコンITクラウドビジネス部

武藤　千恵

2

自己紹介

武藤　千恵

● infoScoop OpenSourceコミッター

● 株式会社ビーコンIT（本社：東京）

– infoScoop OpenSourceの開発・広報・サポート、

公式サイト運営 etc.

– infoScoopのSaaS版開発

Mashup Awards 7 提供 API

MA7HPに掲載中

infoScoop OpenSource

http://ma7.mashupaward.jp/apis/188

•MA7イベントでのくじに

当たりOSCプレゼン枠獲得!

•今日はinfoScoopのご紹介と

MA7でアプリを作ってもらうため

に来ました。

4

infoScoopとは？

軽快操作・パーソナライズに注力したフリーの企業情報ポータル（EIP）

ガジェットを自由に配置し、自分の欲しい情報だけを入手

5

２．MA7提供API infoScoop OpenSource

１．infoScoop OpenSourceって何？

1. MA7にinfoScoopで応募するには？ 2. MA7向け機能/サンプルガジェット紹介

本日お話しすること

1. infoScoopは何を解決するか2. infoScoopの特徴3. これからの予定

6

infoScoop OpenSourceってなに?

7

infoScoopは何を解決するか

8

どれだけサイトを見ていますか？

いろんなサイトを見て回る羽目になり

分散した社内・学内システム

インターネットから情報収集

9

こんなんなっていませんか？

メール SNS SNSミニ

ブログ 天気 グラフ読書録ブログ 掲示板 ニュース ニュースニュース

ニュース 為替プロジェクト

管理Twitter

運営サイト

運営サイト管理画面

プロジェクト管理

マニュアル

私は整理できない人なので昔はなっていました…

10

infoScoopを導入すると

社長ブログ

プロジェクト管理

スケジュール

全社掲示板

ニュース

社内情報共有

メール

SNS

一画面に全部収まる

社内も

インターネットも

社内情報共有

11

つまり、infoScoopを導入すると

作業効率UP

社内外の情報への入り口

ポータル

ユーザに最適な情報を表示

パーソナライズ

12

infoScoop OpenSourceの特徴

標準仕様OpenSocialに準拠

フリーの企業情報ポータル

柔軟・軽快・直感的なパーソナライズ

企業向け管理機能

13

特徴 - フリーの企業情報ポータル

● 2006年三菱UFJインフォメーションテクノロジー様と共同開発

● 2009年11月オープンソース化（LGPLライセンス）

● EIP分野では国内初のオープンソースソフトウェア

● 実績

三菱UFJインフォメーションテクノロジー様

日立ビルシステム様

製造業C社様

ユーザ数1万超 salesforce連携Plaggerによる

Notes連携

14

メニューからドロップ

ガジェットを移動

特徴 - 柔軟・軽快・直感的なパーソナライズ

15

ユーザー/組織ごとにコンテンツを切り替え可能

固定エリア

特徴 - 企業向け管理機能

固定エリア

ユーザーに必ず見せたいガジェットを配置

消せない。動かせない。

全社掲示板や社長ブログなどを配置

組織や肩書に合わせたポータル画面、メニューを表示。

経理部員にのみ配置されるガジェット

経理部員にのみ表示される

メニュー

営業部員にのみ表示される

メニュー

ユーザー/組織ごとにコンテンツを切り替え可能

営業部員にのみ配置されるガジェット

特徴 - 標準仕様OpenSocialに対応

OpenSocial ガジェット OpenSocial コンテナ

OpenSocialはGoogleが提唱し、IBM、SAP等のエンタープライズ企業も賛同している

ガジェットの標準仕様

● JavaScript、HTMLで実装でき簡単に開発できる● サーバーサイドの言語は問わない

OpenSocialガジェットの特徴

簡単開発

19

infoScoop のこれからの予定

OpenSocial2.0対応

iPad/iPhone/Android対応

ガジェットの充実化

20

作業効率UP

フリーで操作性抜群のEIP

infoScoop使ってみてください

● フリーの企業情報ポータル● 柔軟・軽快・直感的なパーソナライズ● 標準仕様OpenSocialサポート→簡単開発

21

MA7提供API infoScoop OpenSource

MA7にinfoScoopで応募するには？

● infoScoop = OpenSocialコンテナ– OpenSocialガジェットが動かせる

– APIというよりプラットフォーム

● infoScoopで動くOpenSocialガジェット– を作ればOK でもどんなガジェット

作ればいいんだろう…？

MA7向けの機能、あります

1. OAuthによる簡単サービス連携

2. Pubsubによるガジェット間連携

1. OAuthによる簡単サービス連携

Google Docs一覧ガジェット

Googleへログイン

OAuthでアプリケーションのアクセスを許可

Google Docsドキュメント一覧が

表示される

たった

52行のXMLファイル

でできる

これが全ソース

<?xml version="1.0" encoding="UTF-8" ?> <Module>

<ModulePrefs title="Google Docs" scrolling="true"><Require feature="dynamic-height"/><Require feature="opensocial-0.8" /><Require feature="oauthpopup" /><Require feature="minimessage" /><OAuth>

<Service name="google"><Access url="https://www.google.com/accounts/OAuthGetAccessToken" method="GET" /> <Request url="https://www.google.com/accounts/OAuthGetRequestToken?scope=http://docs.google.com/feeds/" method="GET" /> <Authorization url="https://www.google.com/accounts/OAuthAuthorizeToken?

oauth_callback=http://oauth.gmodules.com/gadgets/oauthcallback" /> </Service>

</OAuth></ModulePrefs><Content type="html"><![CDATA[ <script type="text/javascript" src="http://d2hv4ldeur9lfv.cloudfront.net/opensocial-jquery-1.3.2.5.min.js"></script><script type="text/javascript">jQuery(function($) {

function fetchData(){$.ajax({

type: 'get',url: 'https://docs.google.com/feeds/documents/private/full/?alt=json&showfolders=true',dataType: 'json',oauth: 'google',success: function(data, status) {

console.info(data);$.each(data.feed.entry, function(){

$('#output').append("<li><a href=\""+this.link[0].href+"\">"+this.title.$t+"</a></li>");});gadgets.window.adjustHeight();

},error: function(xhr, status, e) {

if (status == 'oauth'){$('<a href="#signin"/>').text('Sign in with google').click(function() {

$(this).parents('table').remove();$.oauth('google', fetchData);return false;

}).minimessage();}

}});

}fetchData();

});</script><ul id="output"></ul>]]>

</Content></Module>

2. Pubsubによるガジェット間連携

Google Maps x ぐるナビ x 楽天

① Google Mapsで地図をクリック

② クリックした地点の周辺地域の飲食店一覧が

表示される

② クリックした地点の周辺地域の宿泊施設一覧

が表示される

Google Maps 楽天ホテル検索

ぐるナビ検索

OpenSocial Pubsub API

リファレンス

はこちら↓↓

http://bit.ly/opensocial-pubsub

昨年の応募作品

CacooガジェットGruponガジェットポンシェルジュ

MA7特設サイト

ma7.infoscoop.info

• MA7応募者のために無料で使え

るinfoScoop SaaS環境を用意

• OpenIDでログイン

• サンプルガジェットが見れる

作成したガジェットを自由に試せる

infoScoop賞(BeaconIT賞)

• 応募作品の中から1名様に

• 5万円相当の賞品

ぜひ応募してください！

infoScoopでガジェットを作るときの注意点

1. OpenSocialのバージョンは0.8

2. infoScoopで使えるのはGadgets API

OpenSocial Javascript API

= Opensocial API + Gadgets API

3. OAuth機能を使いたい場合はご連絡ください

注意

http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/gadgets/

33

infoScoopに関するご案内

infoScoop OpenSource 公式サイト

www.infoscoop.org

• ダウンロード

• デモサイト

• ユーザーフォーラム

• 各種マニュアル

•開発者フォーラム

•infoScoop ユーザー会サイト

Follow infoscoop_jpFollow infoscoop_jp

infoScoop OpenSource入門コース

● インストールから管理画面操作をハンズオンで体

験できる無料のコース

● 2ヶ月に1回の開催

● 次回は11月開催予定

● 日程は公式HPで告知

36

SaaS版 infoScoop

Google Docsx

全社掲示板

GoogleCalendar

Gmail

2011年9月1日に正式リリース

www.infoscoop4g.com

37

おわりに

● infoScoop をぜひ使ってみてください！

● MA7にもぜひぜひ応募を！

● 質問・バグ報告・フィードバックも大歓迎– 公式サイトのフォーラム

– または、Twitterに

自分だけのパーソナライズドポータル

infoScoopを使ってOpenSocialガジェット開発

Follow infoscoop_jpFollow infoscoop_jp

38

ご清聴ありがとうございました