Moodleとoffice365の連携と開発 for Moodle Moot 2016

Techno Walker Inc. All rights reserved. 文書・画像等の無断使用・転載を禁止します。

8th Conference for Moodle Teachers and Developers

moodle moot japan 2016

~ Commercial Presentation ~Moodle と Office365 の連携と開発

Time: 2016.2.22 10:20-11:00 　 Room: 6212株式会社テクノウォーカー　山岡茂治


Moodle moot japan 2016

Office365 との連携方法とサンプルの紹介（ 40 分）

1 / 30 ページ




発表内容 – Agenda- （ 40 分）

• Moodle と Office365 の連携・開発（連携例の紹介）1. はじめに

• ごあいさつ、本日のテーマ

2. Office 365 とは？サービスの概要• Office365 についての紹介

3. Office365 との統合環境の構築　• O365 プラグインを使った Moodle 環境の構築• ユーザー認証の統合

4. Office365 との連携例　• Moodle コースにメール・予定表を表示• Word や Excel の Web 版を使った操作• Office Video を使った動画配信

5. おわりに　• まとめ、ごあいさつ、質疑応答

Page. 22 / 28 ページ




■ ごあいさつ　ライトニングトークに続き発表致します。　弊社「テクノウォーカー」はシステム開発・構築会社です。　　⇒ Microsoft に関するシステム開発・構築も多く手掛けています

Moodle と Office365 の連携と開発

１ . はじめに

3 / 28 ページ

■ 本日のテーマ

　 Moodle と Office365 との連携ソリューションの紹介

● O365 プラグインの導入の仕方● Office365 との連携例の紹介

×




■Office 365 … マイクロソフトのクラウドグループウェア


２ . Office 365 とは？サービスの概要

4 / 28 ページ

Word や Excel などのクラウド対応版 Office アプリケーション

電子メール、予定表、ファイル共有、ポータルサイト、 Web 会議などのグループウェア

＋

ポータル・ファイル共有・掲示板

Exchange Online

メール・予定表・アドレス帳

SharePoint Online

Skype for Business

在席情報・チャット・ Web 会議

● １ユーザーあたりの月額 × 人数で利用できるサービスです。

● 自社でサーバーを用意することなく利用できます。

Video / Yammer

動画配信・企業内 SNS




■Office365 の実際の画面


２ . Office 365 とは？サービスの概要

5 / 28 ページ

メール（ OWA ）Exchage Online

予定表（ OWA)Exchange Online

ポータルサイトSharePoint Onlineチャット、 Web 会議

Skype for Business※ もともと Lync

（リンク）という名前です




■ 統合環境の構築　これから Moodle と Office365 を連携してみます。　連携すると以下のような流れが出来上がります。


３ . Office365 との統合環境の構築①

6 / 28 ページ

利用者※Office365 アカウントを

既に持っている

Office365 サインイン（ログイン）画面

Office365 アカウントを使って Moodle を利用




■ 構築の手順１ : Office365 側の設定 Office365 側に Moodle サイトに対しての許可を設定します。


３ . Office365 との統合環境の構築②

7 / 28 ページ

① テナント管理者でサインインし、アプリメニューから「管理者」を選択します。② 管理者センターの左側のメニューの一番下にある Azure AD をクリックします。　※テナント … Office365 の 1 つの利用単位（契約単位）　　　　　　　　 xxx.onmicrosoft.com の「 xxx 」部分がテナント名です。




■ 構築の手順１ : Office365 側の設定（続き） Azure AD 管理画面で Moodle サイトを登録します。



8 / 28 ページ

③ 該当のドメインを選択し、画面下の「追加」ボタンをクリックします。④ 「組織で開発中のアプリケーションを追加」をクリックし、プロパティに　 Moodle サイトの URL を入力し、チェックをクリックして保存します。　サインイン URL: http(s)://lms-demo.twalker.co.jp/moot2016

（補足）画面は旧 Azure ポータル画面となりますが、　作業時期によっては新 Azure ポータルでの設定となり手順が異なります




■ 構築の手順１ : Office365 側の設定（続き）作成アプリケーションの構成からキーと応答 URL を登録します。



9 / 28 ページ

⑤構成タブをクリックし、構成画面を表示します。⑥キー欄で１年または２年を選択し、連携のためのキーを登録します（選択するだけで OK ） ⑦応答 URL欄に以下の URL を入力します（後で登録するプラグインの指定 URL です）　応答 URL: http(s)://Moodle ウェブサイト /auth/oidc/⑧キー欄作成後、画面下の「保存」をクリックします。




■ 構築の手順１ : Office365 側の設定（続き）クライアント ID とシークレットキーをメモします（ Moodle で利用）



10 / 28 ページ

⑨保存後に表示されるクライアント ID とシークレットキーをコピーして控えます。　クライアント ID の例 : 62f83473-1129-4a69-bbca-xxxxxxxxxxxx　シークレットキーの例 : OOf+I5ltMwNUqw+dXM9SkRlRvFCiIEL/xxxxxxxxxxxxx=⑩必要に応じて AzureAD に関連する権限を付与します（今回は省略）　

【重要】必要以上に権限を付与すると、 Moodle サイトから Office365 の情報に対してあらゆる操作ができ、　　　セキュリティリスクが発生します（アカウントを削除する、データを消すなど）権限の付与は、　　　 Read / Write / Full がありますが、更新要件や理由がない限り Read のみにすることをお勧めします。




■ 構築の手順２ : Moodle プラグインのインストールと設定 Moodle プラグインをダウンロードし、インストールします。


３ . Office365 との統合環境の構築③

11 / 28 ページ

①Moodle.org より「 Microsoft Office 365 Integration 」ページを表示します。　 URL: https://moodle.org/plugins/local_o365② 画面にある GitHub の URL をクリックし、 GitHub の「 DownloadZIP 」から　プラグイン一式をダウンロードします。

（補足）実際の操作には GitHub アカウントの生成や、利用規約の同意等の作業もありますが、省略します（アカウントが無くてもダウンロードはできます）

https://moodle.org/plugins/local_o365




■ 構築の手順２ : Moodle プラグインのインストールと設定（続き）プラグインの必要なものだけ ZIP ファイルにします。



12 / 28 ページ

③ダウンロードした ZIP ファイルを解凍し、以下のフォルダのみを ZIP化します。　● o365-moodle-master/auth/oidc 　　　⇒　 auth_oidc.zip （認証プラグイン）　● o365-moodle-master/blocks/microsoft 　 ⇒　 blocks_microsoft.zip （ブロックプラグイン）　● o365-moodle-master/local/o365 　　　⇒　 local_o365.zip （ Office365 統合プラグイン）　● o365-moodle-master/local/office365 　 ⇒　 local_office365.zip （言語パック他）

（補足）その他のプラグインとして、 Microsoft アカウントとの連携、 OneNote 連携、プロファイル同期、　　 OneDrive for Business などのプラグインが含まれていますが、ここでは省略します。




■ 構築の手順２ : Moodle プラグインのインストールと設定（続き）プラグインの必要なものだけ ZIP ファイルにします。



13 / 28 ページ

④Moodle サイトに管理者でログインし、　サイト管理 ≫ プラグイン ≫ プラグインのインストールを開きます。⑤最初に「 auth_oidc.zip 」プラグインをアップロード・インストールします。　




■ 構築の手順２ : Moodle プラグインのインストールと設定（続き） OIDC(Open ID Connect ）プラグイン認証の設定をおこないます。



14 / 28 ページ

⑥プロバイダ名（ユーザーに表示される名前）に「 Office 365 Signin 」を設定し　クライアント ID とクライアント秘密鍵（シークレットキー）をセットします。⑦「設定を保存する」を押し設定を終えます。　




■ 構築の手順２ : Moodle プラグインのインストールと設定（続き） Office365 統合プラグインをインストール・設定します。



15 / 28 ページ

⑧同様にプラグインのインストールから「 local_o365.zip 」をインストールします。⑨表示された設定の「 AzureA D ユーザー情報を同期」にチェックを入れます。　　

【重要】Office365 統合の AzureAD ユーザー情報同期について　チェック欄については用途に合わせて設定してください。　ただし、内容によっては Moodle 側から Azure AD 側への書き戻しが発生します。

　テスト環境等で検証をおこなってから本番環境への適用を推奨します。




■ 構築の手順２ : Moodle プラグインのインストールと設定（続き） Office365 統合プラグインをインストール・設定します。



16 / 28 ページ

⑩続けて SystemAPI ユーザーの「ユーザー変更」を押し、サービス管理者を設定します。⑪その他、ご利用のテナントに合わせた Office365 の設定をおこないます。（ AzureAD テナント、 OneDrive for Business 、 SharePoint サイトの設定など）　　

（補足） AzureAD 側のアプリケーションのアクセス件の設定によっては　エラーが表示されますが、権限を与えないため正しい動作なのでそのまま進めて構いません。




■ 構築の手順３ : 設定の確認 Office365 ユーザーとして Moodle にログインします。



17 / 28 ページ

⑫Moodle からログアウトします。ログイン画面に「 Office 365 Signin 」が表示されます。⑬Signin をクリックすると Office365 の画面が表示され、認証後に Moodle に戻ります。　　

（補足） Moodle の設定により、初回にプロファイルを編集する画面が表示される　場合があります。この場合は必須項目を埋めてください。また、登録ユーザーは　ユーザーロールのみとなりますので、必要に応じてコース登録等おこなってください。

これで設定完了です！




■Office365 との連携するメリットは？　 Office365 と連携するとアカウントの統合が実現できます。　その他、メールや予定表、動画配信など様々な連携が可能です。


４ . Office 365 との連携例①

18 / 28 ページ

連携ソリューション

Moodle 情報の掲載、情報参照

Exchange Online

メールや予定表の読み書き

SharePoint Online

Skype for Business

Moodle からチャットや会議の開始

Video / Yammer

Moodle に動画を組み込み配信

Office Web Apps を使ってファイルをブラウザで編集




■ 連携例 1: ユーザーのメールや予定表を表示する Moodle のブロック内でメールや予定表を表示します（独自作成）


４ . Office 365 との連携例②

19 / 28 ページ

独自ブロック tw_o365mail を使って新着メールを表示した例　

Moodle のダッシュボードに自分の新着メール（ 10件）を表示

Outlook Web App で自分のメールを見た場合




■ 連携例 1: ユーザーのメールや予定表を表示する Moodle のブロック内でメールや予定表を表示します（独自作成）


４ . Office 365 との連携例②

20 / 28 ページ

独自ブロック tw_o365calendar を使って予定一覧を表示した例　

Moodle のダッシュボードに自分の予定一覧を表示

Outlook Web App で自分の予定を見た場合




■ 連携例 2: Word ファイルや Excel ファイルを直接編集 Moodle 内に埋め込んだWord や Excel ファイルを直接編集します。


４ . Office 365 との連携例③

21 / 28 ページ

Word や Excel 、 PowerPoint のファイルを直接操作する例

（補足）例では URL リソースに直接 SharePoint 上にあるファイルの URL を　登録しており、このサンプルは Moodle サーバーとは直接連動しません。




■ 連携例 3: Office365 Video を使った動画配信　 Office365 のユーザーであれば、 Office365 Video にアップロードした　動画ファイルを見ることができます（動画配信サーバー不要！）


４ . Office 365 との連携例④

22 / 28 ページ

動画ファイルをアップロードし、 Moodle で表示する例① Office 365 Video にアクセスし、チャンネルを作成します。　チャンネル名 : Moodle moot 2016

（補足） Office 365 Video はプランによって利用できる／できないがあります。　　　詳しくは以下の URL を参照ください。







23 / 28 ページ

動画ファイルをアップロードし、 Moodle で表示する例② 動画ファイルをアップロードします。　アップロード後、自動的にストリーミング用の動画に変換されます。







24 / 28 ページ

動画ファイルをアップロードし、 Moodle で表示する例③ 変換が終わったら、埋め込みコードをコピーし、 Moodle に貼り付け保存します。　※ここではコースの「ページ」リソースに貼り付けています。







25 / 28 ページ

動画ファイルをアップロードし、 Moodle で表示する例　 Office365 にサインインしたアカウントの場合は動画が表示されます。　一方で Office365 のユーザーでない場合は動画が再生されません。

利用者（ Office 365 ）利用者（その他）




● Microsoft より提供されているプラグインを利用すれば、　 Office365 と Moodle のアカウントの統合が容易にできる。

● Office365 で公開されている API を利用することで、　 Moodle 上に個人のメールや予定、 Office 文書を表示させることができる。

● Moodle の WebService を作成・公開することで Office365　（ SharePoint Online ）上に、コース情報等を表示できる。（今回は紹介を省略）● Office Video を利用することで動画配信サーバーを用意することなく　動画配信が可能になる。

■Moodle と Office365 の連携と開発について


　　５．おわりに

26 / 28 ページ

以上、 Office365 との連携を紹介させて頂きました。今後もいろいろなクラウドサービスとの連携や開発事例を moot にて発表していきたいと思います。

×

（毎年、企業プレゼンとして売り込みネタがありませんがご了承ください）




moot 期間中は展示ブース＆達人コーナーにおります。お気軽にお声をおかけください。レゴを使った Moodle のデモも用意しています。ご興味があれば、こちらもどうぞ。

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

● 本件に関するお問い合わせ●

　株式会社テクノウォーカー　　システム企画部　山岡茂治　 [email protected]　 03-5155-1830 （東京） 052-453-3393 （名古屋）　テクノウォーカー HP: http://www.twalker.co.jp　 Moodle 情報サイト : http://www.twalker.co.jp/moodle/


Moodle moot japan 2016

27 / 28 ページ

mailto:[email protected]

http://www.twalker.co.jp/



http://www.twalker.co.jp/moodle/





Moodle moot japan 2016■参考出典元・著作物利用　● Moodle.org （ Moodle公式サイト） http://moodle.org/　　　ロゴの利用。　● 日本マイクロソフト株式会社様　 http://www.microsoft.com/ja-jp/ 　　　ロゴ、アイコンの利用。 Moodle 用 Office365 プラグインを利用させて頂きました。　　　また、 MS パートナー（弊社含む）向けの Office 365 の資料を参考にしました。　● Bootstrap 本家サイト http://getbootstrap.com/ 　　　 Bootstrap Components の Glyphicons を資料に利用させて頂きました。　● いらすとや様（かわいいフリー素材集） http://www.irasutoya.com/　　　　東京タワー、レインボーブリッジ、サーバー、男の子のかわいいイラストをお借りしました。

■Moodle に関する情報・デモサイトについて（コンテンツ内の紹介済みを除く）

　● Moodle 情報サイト http://www.twalker.co.jp/moodle/　　　 Moodle に関する情報。テーマ・プラグインの提供（予定）　● デモサイト https://lms-demo.twalker.co.jp/moot2016/　　　 moot 期間中、 Moodle3.0 ・課金プラグイン・　　　 Office365 連携・レゴ連携機能をご利用いただけます。

※記載されている会社名、製品名、ロゴ等は各社の登録商標または商標です。

28 / 28 ページ

http://moodle.org/

https://ja.wikipedia.org/wiki/PayPal



http://www.irasutoya.com/

http://moodle.org/

https://lms-demo.twalker.co.jp/moot2016/

Education

Moodleとoffice365の連携と開発 for Moodle Moot 2016