Skip to content

UTOLで外部ツールとの連携機能を利用する(教員・TA向け)ページ新規作成 #1555

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 16 commits into
base: master
Choose a base branch
from

Conversation

Tomiyasu-Shotaro
Copy link

No description provided.

Copy link

github-actions bot commented May 14, 2025

🚀 Deployed on https://deploy-preview-1555--utelecon.netlify.app

@Tomiyasu-Shotaro Tomiyasu-Shotaro changed the title 20250513 utol lectures integrations UTOLで外部ツールとの連携機能を利用する(教員・TA向け) May 14, 2025
@Tomiyasu-Shotaro Tomiyasu-Shotaro changed the title UTOLで外部ツールとの連携機能を利用する(教員・TA向け) UTOLで外部ツールとの連携機能を利用する(教員・TA向け)ページ新規作成 May 14, 2025
@syobonpastel syobonpastel self-requested a review May 22, 2025 08:25
@syobonpastel
Copy link
Contributor

Comment on lines 7 to 9
import InPreparation from "@components/ja/InPreparation.mdx";

<InPreparation />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

準備中である旨を表示するコンポーネントは、記事が完成すれば不要なので

Suggested change
import InPreparation from "@components/ja/InPreparation.mdx";
<InPreparation />

@@ -7,3 +7,24 @@ breadcrumb:
import InPreparation from "@components/ja/InPreparation.mdx";

<InPreparation />

UTOLはLTIという規格によりSlackやZoom等の外部ツールと連携することができます.これら連携機能を利用することにより,授業を円滑に進めることができます.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

uteleconのサイト内部へのリンクは、下記のようにパスのみを記述してください(以下、コメントなくても同様です)

Suggested change
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](../../notification/)」を参照してください.

UTOLはLTIという規格によりSlackやZoom等の外部ツールと連携することができます.これら連携機能を利用することにより,授業を円滑に進めることができます.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください.

# **利用可能な外部ツール**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

mdではh2から利用してください。また見出しのデザインは、自動的に設定されるので、太字にする必要はありません。

Suggested change
# **利用可能な外部ツール**
## 利用可能な外部ツール

![UTOL画像1](utol1.png)
![UTOL画像2](utol2.png)

## **外部ツールの追加を申請する**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## **外部ツールの追加を申請する**
## 外部ツールの追加を申請する

Comment on lines 22 to 25
現在利用可能な外部ツールの一覧は,「コース設定→LTI利用設定」から確認できます。

![UTOL画像1](utol1.png)
![UTOL画像2](utol2.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

手順は、h3見出しを切った上で、他のUTOLに関するページでの手順の説明同様に、olを用いて書き下すと良いかと思います。また画像は、操作手順と対応する位置にあるとわかりやすいかと思います。

なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください.

# **利用可能な外部ツール**
教員・TAは以下のようなツールを利用できます.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ツールを利用できるのは教員・TAに限った話ではない(教員・TAが利用設定をすると学生が利用できる仕組み)なので、「UTOLでは,以下の外部ツール連携を利用可能です.」などとすると良いかと思います。

Comment on lines 24 to 25
![UTOL画像1](utol1.png)
![UTOL画像2](utol2.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

画像が説明しているのと同等の内容が本文内で説明されている場合、画像にaltはつけない方がアクセシビリティ的には適切かと思います。また画像のファイル名は、画像の内容がわかりやすいもの(ex. utol_lti_setting.png)などとしてください。

Suggested change
![UTOL画像1](utol1.png)
![UTOL画像2](utol2.png)
![](utol1.png)
![](utol2.png)

UTOLはLTIという規格によりSlackやZoom等の外部ツールと連携することができます.これら連携機能を利用することにより,授業を円滑に進めることができます.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](/notification/)」を参照してください.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

これだと https://utelecon.adm.u-tokyo.ac.jp/notification/ という存在しないページにリンクされてしまうので、相対パスで記述してください

Suggested change
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](/notification/)」を参照してください.
なお,LINEやSlackを経由した通知は,「[UTOLからの通知を設定する](../../notification/)」を参照してください.

- Zoom:コースの参加者とZoomミーティングとの連携などができます.詳しくは「[LTI連携機能でUTOLからのZoomミーティングを利用する](https://utelecon.adm.u-tokyo.ac.jp/utol/lecturers/integrations/zoom/)」を参照してください.
## 利用可能な外部ツール
UTOLでは,以下の外部ツール連携を利用可能です
- Zoom:コースの参加者とZoomミーティングとの連携などができます.詳しくは「[LTI連携機能でUTOLからのZoomミーティングを利用する](/lecturers/integrations/zoom/)」を参照してください.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Zoom:コースの参加者とZoomミーティングとの連携などができます.詳しくは「[LTI連携機能でUTOLからのZoomミーティングを利用する](/lecturers/integrations/zoom/)」を参照してください.
- Zoom:コースの参加者とZoomミーティングとの連携などができます.詳しくは「[LTI連携機能でUTOLからのZoomミーティングを利用する](./zoom/)」を参照してください.

Comment on lines 20 to 24
1. UTOLの左方の「コース設定」を開く.
2. 「LTI利用設定」を選択する.

![](utol_lti_setting_1.png)
![](utol_lti_setting_2.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
1. UTOLの左方の「コース設定」を開く
2. 「LTI利用設定」を選択する
![](utol_lti_setting_1.png)
![](utol_lti_setting_2.png)
1. 操作したいコースを開いた状態で,左上の「![三本線のボタン](../../_icons/hamburger.png)」アイコンを押してください
2.コース設定」から「LTI利用設定」を選択してください
![](utol_lti_setting_1.png)()
3. 利用可能なツールの一覧が表示されるので,確認してください.
![](utol_lti_setting_2.png)


### 利用可能な外部ツールの確認方法
現在利用可能な外部ツールの一覧は,以下の手順で確認できます.
1. 操作したいコースを開いた状態で,左上の「![3本線のボタン](../../_icons/hamburger.png)」アイコンを押してください.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
1. 操作したいコースを開いた状態で,左上の「![3本線のボタン](../../_icons/hamburger.png)」アイコンを押してください.
1. 操作したいコースを開いた状態で,左上の「![3本線のボタン](../../_icons/hamburger.png){:.icon}」アイコンを押してください.

![](utol_lti_setting_2.png)

## 外部ツールの追加を申請する
現在利用可能になっていない LTI v1.3 に対応する外部ツールのライセンスをお持ちで,UTOLからの連携で利用することを検討中の方は,UTOL担当 [email protected] 宛にご連絡下さい.その際には,当該ツール及びそのライセンス,利用を希望する範囲(特定の学部・コースのみでの利用か,全学での利用を希望か)等をお教え下さい.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
現在利用可能になっていない LTI v1.3 に対応する外部ツールのライセンスをお持ちで,UTOLからの連携で利用することを検討中の方は,UTOL担当 [email protected] 宛にご連絡下さい.その際には,当該ツール及びそのライセンス,利用を希望する範囲(特定の学部・コースのみでの利用か,全学での利用を希望か)等をお教え下さい.
現在利用可能になっていない LTI v1.3 に対応する外部ツールのライセンスをお持ちで,UTOLからの連携で利用することを検討中の方は,UTOL担当(`[email protected]`)宛にご連絡下さい.その際には,当該ツール及びそのライセンス,利用を希望する範囲(特定の学部・コースのみでの利用か,全学での利用を希望か)等をお教え下さい.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants