クラウドビジネスアドインはEUD（End User Development）向きのツール SAPのデータにノンプログラミングでアクセスできる 画面の作成もほぼノンプログラミングで構築 SharePointとSSO（シングルサインオン）が実現しシームレスに統合される

1. Visual Studioで作成する
SharePointアドイン開発
SAPデータ連携
２０１６年５月
SharePoint Onlineカスタマイズ

2. 今回のお題
SAPにある商品データベースを
検索する機能をSharePoint Onlineに
統合する

3. 利用する仕組み
•クラウドビジネスアドイン
•SAPデータソース
• SAP NetWeaver Gateway

4. クラウドビジネスアドインを作成

5. SAPデータソースを参照
https://sapes1.sapdevcenter.com/sap/opu/odata/sap/ZGWSAMPLE_SRV

6. SAPデータソースについて
How to build a cloud business app with SAP data
https://blogs.msdn.microsoft.com/officeapps/2014/03/1
1/how-to-build-a-cloud-business-app-with-sap-data/
サンプルデータの情報はここ
http://scn.sap.com/docs/DOC-31221#section6

7. 検索画面の生成

8. 検索フィルターの実装
GUIでクエリーを
作成すればOK

9. 検索画面のレイアウト
画面もほぼノン
プログラミング
で実装できる

10. カスタム描画をJavaScriptで記述
/// <reference path="~/GeneratedArtifacts/viewModel.js" />
myapp.ProductList.ProductPicUrl_postRender = function (element, contentItem) {
//Write code here.
contentItem.dataBind("value", function (value) {
if (value) {
var totalUri = "https://sapes1.sapdevcenter.com" +
contentItem.value;
setTimeout(function () {
$("img", element).attr("src", totalUri);
}, 0);
}
});
};
今回唯一のコード

11. 完成
信頼確認で信頼するを選択するとSharePointのアプリとして登録され
SharePointからアクセス可能に

12. まとめ
• クラウドビジネスアドインはEUD（End User
Development）向きのツール
• SAPのデータにノンプログラミングでアクセスできる
• 画面の作成もほぼノンプログラミングで構築
• SharePointとSSO（シングルサインオン）が実現し
シームレスに統合される

13. http://www.proaxia-consulting.co.jp
Azure＆SharePointアプリケーション開発についてのお問合せ
[担当] akihiro.ehara@proaxia-consulting.co.jp
SharePoint Onlineとファイルサーバーを統合するCloud Storage Light
https://www.cloudstoragelight.com
SharePoint 上のファイルをエクスプローラ感覚でサクサク操作するSharePointエクスプローラ
https://www.cloudstoragelight.com/sharepointexplorer/