Canvas 用 LTI Pro 1.3 の設定

この記事では、Canvas で Zoom の LTI Pro を設定する具体的な手順を紹介します。

注: LTI がインストール済みで、かつLTI Pro を設定するためににサインイン済みであることを確認してください。

この記事では、次の項目について説明します。

• Canvas で LTI Pro を設定する
  • 新しい資格情報を作成する
  • 承認済みドメインを設定する
  • Canvas でのクライアント ID を作成する
    
  • LTI Pro Canvas 設定にクライアント ID を追加する
• Canvas アプリを作成してインストールする方法
  • Canvas アプリを作成する
  • コースにアプリをインストールする
• ツールの配置を設定する方法
  • コース ナビゲーションにツールを追加する
  • モジュール グループ メニューにツールを追加する
• LTI Pro 1.3 ツールを起動する方法

Canvas で LTI Pro を設定する

新しい資格情報を作成する

1. 新しい LTI 資格情報を作成します。
2. （オプション）設定ページで、[使用する LTI バージョンの選択] にある [LTI 1.3] を選択して、資格情報を LTI 1.1. から LTI 1.3. に更新します。
3. [保存]をクリックします。

承認済みドメインを設定する

1. Zoom アプリ マーケットプレイスに管理者としてサインインします。
2. [管理]、[アカウントのアプリ] の順にクリックします。
3. [LTI Pro アプリ] を探します。
4. [アクション] 列で、[詳細] アイコンをクリックし、[設定] をクリックします。
5. 自分の LTI 資格情報を探し、[編集] をクリックします。
6. [LTI 資格情報] タブで [承認済みドメイン] へ移動します。
7. LMS へのアクセスに使用する予定のドメインを入力します。

Canvas でのクライアント ID を作成する

• Canvas にサインインします。
• [管理者]、[デベロッパー キー ] の順にクリックします。
• [デベロッパー キー + LTI キー
  ] をクリックします。
• 連携を作成する方法は、手動キー入力方式、または JSON 方式の 2 通りです。
  • 手動キー入力方式
    1. [キー名] フィールドにキー名を入力します。
    2. [LTI Pro 設定] ページの [ツール リダイレクト URL] をコピーして [リダイレクト URI] フィールドに貼り付けます。
    3. [方式] には [手動入力] を選択します。
    4. アプリの [タイトル] を入力します。
    5. アプリの [説明] を入力します。
    6. [LTI Pro 設定] ページの [ターゲット リンク URL] をコピーして [ターゲット リンク URI] フィールドに貼り付けます。
    7. [LTI Pro 設定] ページの [サインイン開始 URL] をコピーして [OpenID 接続開始 URL] フィールドに貼り付けます。
    8. [JWK 方式] には [公開 JWK URL] を選択します。
    9. [LTI Pro 設定] ページの [公開 JWK URL] をコピーして [公開 JWK URL] フィールドに貼り付けます。
    10. [追加設定] を開き、[プライバシー レベル] に [公開] を選択します。
        
  • JSON 方式
    1. [LTI Pro 設定] ページの [ツール リダイレクト URL] をコピーして [Canvas リダイレクト URL] フィールドに貼り付けます。
    2. [方式] を [JSON を貼り付ける] に変更します。
    3. 次の JSON スクリプトで、oidc_intiation_url を <自分の LTI PRO のログイン開始 URL> に差し替えます。なお「ログイン開始 URL」は [Zoom LTI Pro 設定] ページで確認できます。
       

       {
       "title": "Zoom",
       "scopes": [
       "https://purl.imsglobal.org/spec/lti-nrps/scope/contextmembership.readonly"
       ],
       "extensions": [
       {
       "platform": "canvas.instructure.com",
       "settings": {
       "platform": "canvas.instructure.com",
       "placements": [
       {
       "placement": "account_navigation",
       "message_type": "LtiResourceLinkRequest"
       },
       {
       "placement": "link_selection",
       "message_type": "LtiResourceLinkRequest"
       },
       {
       "placement": "course_navigation",
       "message_type": "LtiResourceLinkRequest",
       "default": "disabled",
       "enabled": "true"
       }
       ]
       },
       "privacy_level": "public"
       }
       ],
       "description": "Zoom LTI Pro",
       "custom_fields": {
       "canvas_course_id": "$Canvas.course.id"
       },
       "public_jwk_url": "https://applications.zoom.us/lti/advantage/jwks",
       "target_link_uri": "https://applications.zoom.us/lti/advantage",
       "oidc_initiation_url": "<YOUR LTI PRO 'Login Initiation URL'>"
       }

• [保存] をクリックします。
  注:
  • JSON スクリプトの scopes 行（3 行め）は、Zoom LTI Pro のアクセス先となる LTI Advantage の範囲を列挙します。
  • すべてのコースに Zoom LTI ツールへのリンクを設ける場合、default の値（23 行め）を enabled に変更します。
  • LTI Pro 設定の LTI パラメータを指定する必要がある場合は、この JSON スクリプトの custom_fields セクション（32 行め）に追加します。

LTI Pro Canvas 設定にクライアント ID を追加する

1. [デベロッパー キー] のリストで作成されたばかりの LTI キーを探します。
2. LTI キーの [状態] を [オン
   ] に設定します。
3. [LTI Pro 設定] ページに移動します。
4. [サードパーティの資格情報]、[LTI Canvas]、[インスタンスを追加] の順にクリックします。
5. Canvas へのアクセスに使用するドメインを [LTI Canvas サイトドメイン] に追加します。
6. LTI キーのクライアント ID（[詳細] 列の数字）を [クライアント ID] にコピーします。
7. [保存] をクリックします。
   
   注: Canvas へのアクセスに複数のドメインを使用している場合（https://school.instructure.com と https://canvas.school.edu など）、Canvas へのアクセスに使用するドメインごとにステップ 3.3.1～3.3.3 を繰り返します。

Canvas アプリを作成してインストールする方法

Canvas アプリを作成する

1. 1. Canvas で [管理者]、[設定] の順にクリックします。
   2. [アプリ]、[アプリ設定を表示] の順にクリックします。
   3. [+ アプリ] をクリックします。
   4. [設定タイプ] には [クライアント ID を使用] を選択します。
   5. 前述の [LTI キーのクライアント ID] をコピーして [クライアント ID] フィールドに貼り付けます。
   6. [送信] をクリックします。
   7. [インストール]　をクリックします。
      
      

コースにアプリをインストールする

1. 1. Canvas でコースに移動し、[モジュール] をクリックします。
   2. Zoom LTI を追加するモジュールで [+] をクリックします。
      
   3. [追加] の横にあるドロップダウンの選択をクリックし、[外部ツール] を選択します。
   4. 先ほど作成したアプリまたはツールを探して選択します。
   5. [項目を追加] をクリックします。
      

ツールの配置を設定する方法

ツールのインストールが完了したら、ツールの配置を設定できます。 ツールの配置を設定する際は、次のようなオプションがあります。

コース ナビゲーションにツールを追加する

コース ナビゲーションから LTI へのリンクを提供するためには、以下の手順でキー設定を変更します。

注: この手順ですべてのコースに Zoom ツールリンクが自動的に追加されます。

1. 先ほどのステップで作成した Canvas LTI デベロッパー キー設定の中で、[配置] フィールドの [コース ナビゲーション] を選択して追加します。
2. [LTI Pro 設定] ページの [ターゲット リンク URL] をコピーして [ターゲット リンク URI] フィールドに貼り付けます。
3. [テキスト] フィールドに説明を入力します。
4. [保存] をクリックします。
   

    

    

モジュール グループ メニューにツールを追加する

モジュール グループから LTI へのリンクを提供するには、次のとおりに操作します。

1. 先ほどのステップで作成した Canvas LTI デベロッパー キー設定の中で、[配置] フィールドの [モジュール グループ メニュー] を選択して追加します。
2. [Zoom LTI Pro 設定] ページ内で [ターゲット リンク URL] をコピーして [Canvas ターゲット リンク URI] フィールドに貼り付けます。
3. [テキスト] フィールドにツールの説明を入力します。
4. [保存] をクリックします。

LTI Pro 1.3 ツールを起動する方法

1. 1. 先ほどのステップで作成した [モジュール] に追加したアプリまたはツールをクリックします。
      
   2. アプリが正常に起動したら、このページに次のように表示されます。