sharepointアドイン開発 sapデータ連携
TRANSCRIPT
![Page 1: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/1.jpg)
Visual Studioで作成するSharePointアドイン開発
SAPデータ連携
2016年5月
SharePoint Onlineカスタマイズ
![Page 2: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/2.jpg)
今回のお題
SAPにある商品データベースを検索する機能をSharePoint Onlineに統合する
![Page 3: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/3.jpg)
利用する仕組み
•クラウドビジネスアドイン• SAPデータソース
• SAP NetWeaver Gateway
![Page 4: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/4.jpg)
クラウドビジネスアドインを作成
![Page 5: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/5.jpg)
SAPデータソースを参照
https://sapes1.sapdevcenter.com/sap/opu/odata/sap/ZGWSAMPLE_SRV
![Page 6: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/6.jpg)
SAPデータソースについて
How to build a cloud business app with SAP data
https://blogs.msdn.microsoft.com/officeapps/2014/03/11/how-to-build-a-cloud-business-app-with-sap-data/
サンプルデータの情報はここ
http://scn.sap.com/docs/DOC-31221#section6
![Page 7: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/7.jpg)
検索画面の生成
![Page 8: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/8.jpg)
検索フィルターの実装
GUIでクエリーを作成すればOK
![Page 9: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/9.jpg)
検索画面のレイアウト
画面もほぼノンプログラミングで実装できる
![Page 10: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/10.jpg)
カスタム描画を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);
}});
};
今回唯一のコード
![Page 11: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/11.jpg)
完成
信頼確認で信頼するを選択するとSharePointのアプリとして登録されSharePointからアクセス可能に
![Page 12: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/12.jpg)
まとめ
• クラウドビジネスアドインはEUD(End User Development)向きのツール
• SAPのデータにノンプログラミングでアクセスできる
• 画面の作成もほぼノンプログラミングで構築• SharePointとSSO(シングルサインオン)が実現しシームレスに統合される
![Page 13: SharePointアドイン開発 SAPデータ連携](https://reader033.vdocuments.mx/reader033/viewer/2022050806/587ac32c1a28abc0478b7447/html5/thumbnails/13.jpg)
http://www.proaxia-consulting.co.jp
Azure&SharePointアプリケーション開発についてのお問合せ[担当] [email protected]
SharePoint Onlineとファイルサーバーを統合するCloud Storage Lighthttps://www.cloudstoragelight.com
SharePoint 上のファイルをエクスプローラ感覚でサクサク操作するSharePointエクスプローラhttps://www.cloudstoragelight.com/sharepointexplorer/