2011/10/1にオープンソースカンファレンス2011HiroshimaのMashup CaravanにてMA7提供API、infoScoop OpenSource をご紹介させていただきました。その際の発表資料です。

1. Mashup Awards 7 提供API
オープンソース企業情報ポータル
infoScoop OpenSource
株式会社ビーコンIT
クラウドビジネス部
武藤 千恵

2. 自己紹介
武藤 千恵
●
infoScoop OpenSourceコミッター
● 株式会社ビーコンIT（本社：東京）
– infoScoop OpenSourceの開発・広報・サポート、
公式サイト運営 etc.
– infoScoopのSaaS版開発
2

3. Mashup Awards 7 提供 API
infoScoop OpenSource
•MA7イベントでのくじに
当たりOSCプレゼン枠獲得!
•今日はinfoScoopのご紹介と
MA7でアプリを作ってもらうため
に来ました。
http://ma7.mashupaward.jp/apis/188
MA7HPに掲載中

4. infoScoopとは？
軽快操作・パーソナライズに注力した
フリーの企業情報ポータル（EIP）
ガジェットを自由に配置し、
自分の欲しい情報だけを入手 4

5. 本日お話しすること
１．infoScoop OpenSourceって何？
1. infoScoopは何を解決するか
2. infoScoopの特徴
3. これからの予定
２．MA7提供API infoScoop OpenSource
1. MA7にinfoScoopで応募するには？
2. MA7向け機能/サンプルガジェット紹介
5

6. infoScoop OpenSource
ってなに?
6

7. infoScoop
は何を解決するか
7

8. どれだけサイトを見ていますか？
分散した社内・学内システム
インターネットから
情報収集
いろんなサイトを見て回る羽目になり
8

9. こんなんなっていませんか？
ミニ
メール SNS SNS ブログ 天気 グラフ読書録ブログ 掲示板 ニュース ニュース ニュース
プロジェクト 運営 運営サイト プロジェクト
ニュース 為替 Twitter マニュアル
管理 サイト 管理画面 管理
私は整理できない人なので昔はなっていました…
9

10. infoScoopを導入すると
社長
全社 ブログ
掲示板
プロジェクト
管理
ニュース
メール
社内
情報共有
SNS
スケジュール
社内も トも
ーネッ
インタ 一画面に全部収まる
10

11. つまり、infoScoopを導入すると
ユーザに 社内外の情報への
最適な情報を表示 入り口
パーソナライズ ポータル
作業効率UP
11

12. infoScoop OpenSourceの特徴
フリーの 柔軟・軽快・直感的な
企業情報ポータル パーソナライズ
企業向け 標準仕様
管理機能 OpenSocialに準拠
12

13. 特徴 - フリーの企業情報ポータル
● 2006年三菱UFJインフォメーションテクノロジー様と共同開発
●
2009年11月オープンソース化（LGPLライセンス）
● EIP分野では国内初のオープンソースソフトウェア
●
実績
三菱UFJ
日立ビル
インフォメーション 製造業C社様
テクノロジー様
システム様
Plaggerによる
ユーザ数1万超 salesforce連携
Notes連携
13

14. 特徴 - 柔軟・軽快・直感的なパーソナライズ
メニューからドロップ
ガジェットを移動
14

15. 特徴 - 企業向け管理機能
固定エリア
ユーザー/組織ごとに
コンテンツを切り替え可能
15

16. 固定エリア
ユーザーに必ず見せたい
ガジェットを配置
消せない。
動かせない。
全社掲示板や
社長ブログなどを配置

17. ユーザー/組織ごとに
コンテンツを切り替え可能
組織や肩書に合わせたポータル画面、メニューを表示。
営業部員にのみ
配置される 営業部員にのみ
ガジェット 表示される
メニュー
経理部員にのみ 経理部員にのみ
配置される 表示される
ガジェット メニュー

18. 特徴 - 標準仕様OpenSocialに対応
OpenSocialは
Googleが提唱し、IBM、SAP等のエンタープライズ企業も賛同している
ガジェットの標準仕様
OpenSocial ガジェット OpenSocial コンテナ
OpenSocialガジェットの特徴
●
JavaScript、HTMLで実装でき簡単に開発できる
●
サーバーサイドの言語は問わない 簡単開発

19. infoScoop のこれからの予定
OpenSocial2.0対応
ガジェットの充実化
iPad/iPhone/Android対応
19

20. infoScoop使ってみてください
● フリーの企業情報ポータル
● 柔軟・軽快・直感的なパーソナライズ
●
標準仕様OpenSocialサポート→簡単開発
フリーで操作性抜群のEIP
作業効率UP
20

21. MA7提供API
infoScoop OpenSource
21

22. MA7にinfoScoopで応募するには？
● infoScoop = OpenSocialコンテナ
– OpenSocialガジェットが動かせる
– APIというよりプラットフォーム
● infoScoopで動くOpenSocialガジェット
– を作ればOK でもどんなガジェット
作ればいいんだろう…？

23. MA7向けの機能、あります
1. OAuthによる簡単サービス連携
2. Pubsubによるガジェット間連携

24. 1. OAuthによる簡単サービス連携
Google Docs一覧ガジェット
Google
へログイン
OAuthで
アプリケーションの
アクセスを許可
Google Docs
ドキュメント一覧が
表示される

25. たった
52行のXMLファイル
でできる

26. <?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>

27. 2. Pubsubによるガジェット間連携
Google Maps x ぐるナビ x 楽天
Google Maps 楽天ホテル検索
② クリックした地点の周
辺地域の宿泊施設一覧
が表示される
ぐるナビ検索
① Google Mapsで
地図をクリック
② クリックした地点の周
辺地域の飲食店一覧が
表示される

28. OpenSocial Pubsub API
リファレンス
はこちら↓↓
http://bit.ly/opensocial-pubsub

29. 昨年の応募作品
Gruponガジェット
Cacooガジェット
ポンシェルジュ

30. MA7特設サイト
ma7.infoscoop.info
• MA7応募者のために無料で使え
るinfoScoop SaaS環境を用意
• OpenIDでログイン
• サンプルガジェットが見れる
作成したガジェットを自由に試せる

31. infoScoop賞(BeaconIT賞)
• 応募作品の中から1名様に
• 5万円相当の賞品
ぜひ応募してください！

32. infoScoopでガジェットを
作るときの注意点
注意
1. OpenSocialのバージョンは0.8
2. infoScoopで使えるのはGadgets API
OpenSocial Javascript API
= Opensocial API + Gadgets API
http://code.google.com/intl/ja/apis/opensocial/docs/0.8/refe
rence/gadgets/
3. OAuth機能を使いたい場合はご連絡ください

33. infoScoop
に関するご案内
33

34. infoScoop OpenSource 公式サイト
www.infoscoop.org
• ダウンロード
• デモサイト
• ユーザーフォーラム
• 各種マニュアル
•開発者フォーラム
•infoScoop ユーザー会サイト
Follow infoscoop_jp
Follow infoscoop_jp

35. infoScoop OpenSource入門コース
● インストールから管理画面操作をハンズオンで体
験できる無料のコース
● 2ヶ月に1回の開催
● 次回は11月開催予定
● 日程は公式HPで告知

36. SaaS版 infoScoop
2011年9月1日に
正式リリース
Google Docs
x
全社掲示板
Google
Gmail
Calendar
www.infoscoop4g.com
36

37. おわりに
● infoScoop
をぜひ使ってみてください！
● MA7にもぜひぜひ応募を！
自分だけのパーソナライズドポータル
infoScoopを使ってOpenSocialガジェット開発
● 質問・バグ報告・フィードバックも大歓迎
– 公式サイトのフォーラム
– または、Twitterに
Follow infoscoop_jp
Follow infoscoop_jp 37

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