mashup caravan in オープンソースカンファレンス2011 hiroshima: infoscoop opensource
DESCRIPTION
2011/10/1にオープンソースカンファレンス2011HiroshimaのMashup CaravanにてMA7提供API、infoScoop OpenSource をご紹介させていただきました。その際の発表資料です。TRANSCRIPT
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
ご清聴ありがとうございました