Moodle 2 ⼊⾨

2014.5

富山大学総合情報基盤センター

1

内容

1. Moodle 2 システムの概要 ........................................................................... 3

① Moodleとは ............................................................................................... 3

② Moodleサーバへのログイン ...................................................................... 3

ユーザ ID ............................................................................................... 3

ログイン ................................................................................................ 3

③ 利用上の注意 ............................................................................................ 4

④ Moodleって何ができるの ......................................................................... 4

⑤ 画面の構造 ................................................................................................ 4

ログイン後の画面 .................................................................................. 4

コースのトップページの画面（編集モード） ....................................... 5

2. コース開講までの流れ ................................................................................. 6

① コース開設 ................................................................................................ 6

② コースの設定 ............................................................................................ 6

コースの名称など .................................................................................. 6

コースフォーマット .............................................................................. 7

3. 受講者の登録 ................................................................................................ 8

① 教員による登録 ......................................................................................... 8

② 学生によるセルフ登録（自己登録を有効にする） ................................. 10

③ コースへの登録に関する注意点 .............................................................. 12

4. 講義資料等の公開 ....................................................................................... 13

① 編集モード .............................................................................................. 13

編集モード........................................................................................... 13

トピックの編集ボタン ......................................................................... 13

項目の編集ボタン ................................................................................ 13

活動またはリソースを追加する .......................................................... 14

ロールの切り替え ................................................................................ 14

② ウェブページの作成 ................................................................................ 15

③ ファイルの掲載・配布 ............................................................................ 17

④ ウェブサイトへのリンク ........................................................................ 21

⑤ ラベルの挿入 .......................................................................................... 23

5. 課題の作成と評価 ....................................................................................... 24

① 課題を利用してできること ..................................................................... 24

② 課題の作成 .............................................................................................. 24

一般 ..................................................................................................... 24

課題設定の注意点 ....................................................................................... 25

2

③ 課題の設定編集 ....................................................................................... 25

④ 課題の提出（学生の作業） ..................................................................... 26

⑤ 課題の採点 .............................................................................................. 28

6. リソースの複製とコンテンツのコピー（インポート） ............................. 30

① リソースの複製 ....................................................................................... 30

② コンテンツのコピー ................................................................................ 30

インポートの開始 ....................................................................................... 30

7. 小テストの作成と評価 ............................................................................... 33

① 小テストの追加 ....................................................................................... 33

② 小テストの設定 ....................................................................................... 34

一般 ..................................................................................................... 34

③ テスト問題の作成 ................................................................................... 34

問題の作成画面を開く ......................................................................... 34

④ 問題バンク .............................................................................................. 36

問題バンクを開く ................................................................................ 36

問題バンクの機能 ................................................................................ 36

⑤ テストへの問題の追加 ............................................................................ 37

8. Moodle コース登録申請方法 ....................................................................... 39

9. 参 考 ......................................................................................................... 41

Moodle 2 インストラクタ用ガイド ........................................................ 41

Moodle 2 よくある質問と回答 ............................................................... 41

Moodle 2 学習者用クイックガイド ........................................................ 41

学習管理システム Moodle 2 に関する情報 ........................................... 41

Moodle に関するお問い合わせ .............................................................. 41

3

1. Moodle 2 システムの概要

① Moodle とは

インターネット上で授業を行うためのオープンソースソフトウェアです。

Moodle は社会的構築主義の教育理念を背景として開発されています。 そのため、学習

者の活動を中心として、協調学習や批評と反省を通じた学習などがサポートされていま

す。Moodle の機能は、ホームページ作成などの経験がなくても簡単に利用することがで

きます。

② Moodle サーバへのログイン

ログインページ

富山大学 HOME＞在学生・教職員の方＞学習支援（e-learning）Moodle2

URL：https://lms.u-toyama.ac.jp/

ユーザ ID

学生

ems のユーザ ID で利用することができます。

教職員

全教職員が登録されています。

＊ヘルン・システムなどと同様に username.xxx

のような形のドメイン付きのユーザ ID で利用す

ることができます。

＊ems のユーザ ID をお持ちの方は、ems のユーザ

ID も利用することができます。（ .ドメインは

付けないでください。）

ログイン

1. ユーザ名とパスワードを入力します。

2. 「ログイン」ボタンをクリックします。

所属のドメイン

ems のドメイン

．ドメイン必要

ドメインなし

4

③ 利用上の注意

Moodle はオープンソースのシステムであるため、開発途上のモジュールも含まれてい

ます。そのため、動作が不安定だったり、アップデートによりそれ以前は利用できてい

た機能が無くなったりするなどの不都合が生じることもあり得ます。その点をご了承い

ただいた上でご利用ください。

④ Moodle って何ができるの

1. 教材の掲載（テキスト、音声、動画）

2. フォーラム、掲示版の設置

3. 課題提示、回収

4. 小テストの実施

5. アンケートの実施

6. 評定（成績表の管理）

⑤ 画面の構造

ログイン後の画面

マイコース

登録されているコースが表示されます

サイトニュース

管理者からの掲示板

言語の選択

5

コースのトップページの画面（編集モード）

ナビゲーションバー 現在のページ位置を知らせる

編集モード切替ボタン クリックすると編集モードになり、編集に必要なアイコンが表示される

活動 コース内に設置した「活動」へのリンクが表示される

ナビゲーションメニュー リンク先が表示されている

管理 コースの管理メニュー（コースの設定 ユーザ登録など）

ブロックを追加する ブロックのカスタマイズ

カレンダー イベントが表示される

直近イベント カレンダーからイベント情報を取得する

オンラインユーザ コースにログインしているまたは、5分以内にログインしていたユーザ

ブロック領域 セクション領域 ブロック領域

6

2. コース開講までの流れ

① コース開設

② コースの設定

登録されている担当のコース名をクリックすると、コースが表示されます。コースの

設定変更をするには「管理」ブロックの「コース管理」-「設定を編集する」リンクを

クリックします。

コースの名称など

可視性

「非表示」に設定すると、コースを完全に「隠す」ことができます。

開講日

「ウィークリーフォーマット」を使用する場合は、週の表示に影響します。第 1

週はここで設定された日付より始まります。

コース登録を

確 認

ITC Web から

コース登録申請

フォーム作成

コース登録

完了の通知

受信

メールで

申請フォーム

送信

7

コースフォーマット

トピックフォーマット：コースの各部分が番号のつ

いたトピックとして表示されます。

ウィークリィーフォーマット：各トピックごとに日

付が表示されます。

この設定では 1 ページにコース全体

を表示するか、複数ページに分割す

るか決定します。

トピックの数を指定します。

8

3. 受講者の登録

① 教員による登録

1. 「管理」ブロックの「コース管理」－「ユーザ」から「登録ユーザ」を選びます。

2. 「登録済みユーザ」の画面が表示されます。

[ユーザを登録する]ボタンをクリックします。

3. 「ユーザを登録する」画面が表示されます。

下部の「検索｣欄にキーワードを記入して Enter キーを押します。（プロフィルの

学籍番号と姓名、メールアドレスの欄のデータが検索対象となります。）

4. 検索結果が表示されます。登録したいユーザの行の右側の[登録]ボタンをクリック

します。

姓名での検索は、姓と名の間

に全角スペースが必要です。

9

5. 登録されると「登録」ボタンが表示されなくなります。

6. 4 の操作を繰り返して登録を行います。

7. 下部の「ユーザ登録を終了する」をクリックします。

8. 「登録済みユーザ」の画面が表示されます。

9. コース短縮名をクリックすると、コースに戻ります。

10

② 学生によるセルフ登録（自己登録を有効にする）

デフォルトでは自己登録（セルフ登録） は利用可能となっていません。

1. 「管理」ブロックの「コース管理」－「ユーザ」から「登録方法」を選びます。

2. 「登録方法」の画面が表示されます。「自己登録（学生）」行の編集列にある目の

アイコンをクリックします。

3. 目のアイコンの斜線が消えて 「自己登録」が有効化されます。

4. コースに登録するためのパスワード（登録キー）を設定する場合は、「自己登録

（学生）」行の編集列にある、編集のアイコンをクリックします。

11

5. 自己登録の設定画面が表示されます。

新しい登録を許可する

この設定では、このコースにユーザが自己

登録できるかどうか決定します。

「自己登録」が不要になった場合は、

「NO」にしてください。

登録キー

登録キーを使用することにより、登録キー

を知っているユーザのみにコースアクセス

を制限することができます。

既存の登録を有効にする

この設定を「No」にした場合、既存の自己登録者が一時コース利用を停止され、

かつ新しいユーザーが自己登録できません。

「No」にした場合、登録方法の目のマークは閉じた状態になります。

開始日（以上）

有効にした場合、ユーザはこの日以降のみ

受講登録することができます。

終了日（未満）

有効にした場合、ユーザはこの日の前日

まで受講登録することができます。

12

6. 「既存の登録を有効にする」「自己登録を許可する」を Yes にします。

7. 登録キーを設定します。

8. 開始日と終了時を設定できます。「Yes」のチェックボックスを選択しない限

り、日は設定されません。終了日を設定した場合、ユーザはこの日の前日まで

受講登録することができます。

9. 下部の[変更を保存する]ボタンをクリックします。

10. 「自己登録」が有効になりました。

③ コースへの登録に関する注意点

登録方法を無効（不可視）にすると、その登録方法で過去に登録されたユーザがコース

を利用できなくなります。

「手動登録」を無効（不可視）にすると、教員自身もコースを利用できなくな

ります。

「自己登録」を無効（不可視）にすると、自己登録により登録した利用者がコ

ースを利用できなくなります。

13

4. 講義資料等の公開

① 編集モード

編集モード

編集モード ON （編集可能な状態）

トピックの編集ボタン

項目の編集ボタン

このトピックを 新トピックとして

強調表示する このトピックを下に移動する

学生からこのトピックを隠す （現在

は学生に表示される ） このトピックの要約を編集する

項目の上下の位置を移動する

この項目のタイトルを編集する

〔編集〕をクリックすると

編集アイコンメニューが表

示されます。

14

活動またはリソースを追加する

編集モード ON の状態で、「活動またはリソースを追加する」をクリックします。

Moodle のアイテムは、「リソース」と「活動」に分類されます。

ロールの切り替え

他のユーザにコースがどのように見えるのか確認するため、現在のロールを一時

的に変更することができます。利用できるロールは、コースへのユーザ登録の際に

割り当てることのできるロールです。

ロールを切り替える

コースページの「管理」ブロックの「ロールを切り替え

る」メニューから変更したいロールを選択します。

通常のロールに戻る

「通常のロールに戻る」リンクまたはすべてのページの右上

にある「通常のロールに戻る」リンクをクリックすること

で、通常のロールに戻ることができます。

リソース ウェブページ ファイル リンク

ラベル

活 動 小テスト 課題

15

② ウェブページの作成

1. 編集モード ON の状態で、「活動またはリソースを追加する」をクリックし

ます。

2. 「ページ」を選択します。

3. 「追加」をクリックします。

4. 名称（項目情報）を記入します。

5. 説明欄に内容の短い説明を入力します。

6. 説明文をコースページ内のリソースのリンクの下に表示するかどうかを指

定します。

16

7. ページコンテンツ欄にテキストを入力します。

8. アクセス開始日時と終了日時を設定できます。「Yes」のチェックボックス

を選択しない限り、日時は設定されません。

9. [保存してコースに戻る]または[保存して表示する]をクリックします。

17

③ ファイルの掲載・配布

1. 編集モード ON の状態で、PC のファイルをコースのトピック欄にドラッグ&ドロップ

します。

（注）利用者の環境（Web ブラウザーのバージョンや Javascript の設定）により、ド

ラッグ&ドロップ機能が利用できない場合があります。その場合は、P19「補足：リソー

スの追加から行う場合」を参照してください。

2. ファイルが追加されました。

3. ファイルの設定を編集します。〔編集〕をクリックし、メニューから

〔設定を編集する〕をクリックします。

18

4. 名称や説明を入力します。（説明は必須項目）

5. 表示形式、可視性、利用制限など設定します。

6. [保存してコースに戻る]または[保存して表示する]をクリックします。

自動- 選択されたファイルタイプを自動的に検

出する表示オプションです。

埋め込み - ファイルはナビゲーションバーの

下にファイル説明およびブロックとともに表示

されます。

ダウンロードを強制する - ユーザはファイル

のダウンロードを促されます。

オープン - ファイルはブラウザウィンドウ内

でのみ表示されます。

ポップアップ - ファイルはメニューまたはア

ドレスバーなしの新しいブラウザウィンドウに

表示されます。

19

補足：リソースの追加から行う場合

1. 編集モード ON の状態で、「活動またはリソースを追加する」から「ファイル」を

選択して「追加」をクリックします。

2. 名称（項目情報名）説明欄に必要事項を記入します。

3. 「追加」をクリックします。ファイルピッカのウィンドウが開きます。

4. 「ファイルのアップロード」をクリックします。

5. [参照]ボタンをクリックします。

20

6. PC のファイルを選択し、[開く]ボタンをクリックします。

7. 必要に応じて、作成者を修正し、ライセンスを選択します。

8. [このファイルをアップロードする]をクリックします。

9. ファイルが登録されました。

10. [保存してコースに戻る]または[保存して表示する]をクリックします。

21

④ ウェブサイトへのリンク

1. 編集モード ON の状態で、「活動またはリソース

を追加する」から「URI」を選択して「追加」を

クリックします。

2. 名称（項目情報）を記入します。

3. 説明欄に内容の短い説明を入力します。

4. URI を入力します。

5. 「リンクを選択する」をクリックすると、Flickr や Youtube などからメディア

を選択できるファイルピッカが表示されます。

6. オプションを指定します。

22

7. 「拡張要素を表示する」をクリックすると、ポップアップ・ウィンドウの大き

さを指定できます。

8. 学生が閲覧できるか否かを「表示」／「非表示」で設定します。

9. アクセス開始日時と終了日時を設定できます。「Yes」のチェックボックスを

選択しない限り、日時は設定されません。

10. [保存してコースに戻る]または[保存して表示する]をクリックします。

23

⑤ ラベルの挿入

多くのリソースや活動のメニュー表示をわかりやすくするために、小見出しを挿

入するために使うことができます。画像やサウンドなどをコースページに直接埋め

込むためにも利用することができます。

1. 編集モード ON の状態で、「活動またはリソースの追加」から「ラベル」を選択し

ます。

2. ラベルテキストの内容を入力します。必要に応じてフォントやフォントサイズを指

定します。画像やサウンドなどを挿入することもできます。

3. 学生が閲覧できるか否かを「表示」／「非表示」で設定します。

4. アクセス開始日時と終了日時を設定できます。「Yes」のチェックボックスを選択

しない限り、日時は設定されません。

5. [保存してコースに戻る]または[保存して表示する]をクリックします。

24

5. 課題の作成と評価

① 課題を利用してできること

課題を使用して、コースワークの作成や成績の管理をすることができます。

受講者は課題にアクセスし、オンラインで回答するかまたはオフラインで課題を完

成させてから教員にファイルを送信して提出します。（オフラインでの提出も可能

です。）教員は受講者ごとに個別に対応し、フィードバックを行うことができま

す。

② 課題の作成

編集モード ON の状態で、「活動またはリソースを追加する」

から「課題」を選択して「追加」をクリックします。

一般

1. 「課題名」と「課題説明」欄を記入します。

2. 「コースページに説明を表示する」か否かを指定します。このオプションを有

効にした場合、上記「詳細」欄の説明文がコースページ内の活動/リソースの

リンクの下に表示されます。

25

課題設定の注意点

「Yes」にした場合、学生が課題を提出した時点で評定者 (教師) にメッセージが

登録のメールアカウントに送信されます。

③ 課題の設定編集

開始日時

有効にした場合、学生はこの日時以前に提出するこ

とはできません。

終了日時

課題の提出期限です。提出遅延が許可された場合、こ

の日時以降に提出された課題は提出遅延とマークされ

ます。特定日時以降の提出を避けるには、課題遮断日時

を設定してください。

遮断日時

この日時以降、延長なしでは提出を受け付けません。

提出タイプ

オンラインテキスト：有効にした場合、学生はテキスト

をエディタフィールドに直接入力することができます。

提出タイプ：有効にした場合、学生は 1 つまたはそれ以

上のファイルを提出物としてアップロードすることができ

ます。

大アップロードファイル数

学生はこの数のファイルまで提出にアップロードするこ

とができます。

大提出サイズ

学生は 大このサイズまでファイルをアップロードす

ることができます。

26

④ 課題の提出（学生の作業）

1. 課題名をクリックします。

2. 課題の指示に従い、解答ファイルを作成します。

3.

4. [課題を提出する]をクリックします。

5. PC のファイルのアイコンをドラッグしてドロップします。

6. ファイルが登録されました。

27

7. 複数のファイルを添付する場合は、さらに他の PC のファイルのアイコンをド

ラッグしてドロップします。

8. ファイルが登録されました。

9. ３つ以上のファイルを提出するよう指示されている場合は、6の操作を繰り返

します。

10. [変更を保存する]をクリックします。

11. 提出状況が表示されます。

12. 「コメント」をクリックすると、コメントを記入することができます。

13. 画面左上のコース短縮名をクリックすると、コースに戻ります。

教員が評定する前であれば、編集して再提出することができます。

28

⑤ 課題の採点

1. コース画面の該当する課題をクリックするか、またはコース画面左側の「ナビゲー

ション」ブロックの中の該当する課題をクリックします。

2. 提出課題の確認画面が表示されます。

3. 画面下部の「すべての提出を表示/評定する」をクリックします。

4. 課題の評定画面が表示されます。

5. 評点のアイコンをクリックします。

29

6. 提出ステータスが表示されます。

7. 提出ファイル欄のファイル名をクリックしてダウンロードするかまたはファイルを

直接開いて内容の確認を行います。

8. 評点とフィードバックを記入します。

9. 「保存して次を表示する」をクリックします。

10. 次の提出課題の採点画面になります。

11. ７～9を繰り返します。

30

6. リソースの複製とコンテンツのコピー（インポート）

コースを効率よく編集するために、コピー機能を利用します。

① リソースの複製

1. リソースは、複製することができます。編集モード onの状態で、編集ボタ

ンのメニューから「複製」を選択します。

2. リソースが複製されます。必要に応じて、タイトルや設定を編集します。

② コンテンツのコピー

インポート機能を利用すると、サイト内の自分が教師として登録されているコース全

体またはコースの一部を、現在のコースにコピーすることができます。

新しいコースに既存のコースをインポートすると、コースの複製を作ることができま

す。ただし、インポートでは、ブロックやトピックの要約はコピーされず、学生の登録

や投稿データも含まれません。

インポートの開始

1. 管理ブロックの「インポート」リンクをクリックします。

31

2. インポート元のコースを指定します。コース数が多すぎて表示されない場合は、検

索欄にコース名（の一部）を入力して検索ボタンをクリックします。

3. 「続ける」ボタンをクリックします。

4. バックアップ設定を確認し、「次へ」ボタンをクリックします。

5. スキーマ設定を確認し、「次へ」ボタンをクリックします。

32

6. 設定を確認し、「インポートを実行する」ボタンをクリックします。

7. 選択結果を確認し、「次へ」ボタンをクリックします。

8. 「完了」メッセージが表示されます。

9. 「続ける」ボタンをクリックします。

10. コース画面に戻ります。

33

7. 小テストの作成と評価

テストを作成、管理することにより、受講者の学習を促したり、受講者の到達度を

把握して授業の調整に役立てたりすることができます。

① 小テストの追加

編集モード ON の状態で、「活動の追加」メニューから「小テスト」を選択します。

9

Moodleの小テスト

問題カテゴリ

‥ ‥ ‥‥ ‥‥ ‥ ‥‥ ‥‥‥‥ ‥ ‥‥ ‥‥‥‥ ‥ ‥ ‥ ‥‥‥‥ ‥ ‥ ‥ ‥‥‥‥ ‥ ‥‥ ‥‥‥‥ ‥ ‥‥ ‥‥‥‥ ‥ ‥‥ ‥‥‥‥ ‥ ‥‥ ‥‥‥

問題Ａ、問題Ｂ、問題Ｃ、

問題Ｄ、問題Ｅ、問題Ｆ

問題Ｕ、問題Ｖ、問題Ｗ、

問題Ｘ、問題Ｙ、問題Ｚ

問題Ｍ、問題Ｎ、問題Ｏ、

問題Ｐ、問題Ｑ、問題Ｒ

34

② 小テストの設定

一般

1. 名称を記入します。

2. 「イントロダクション」欄に、小テストの内容や実施手順などを記入します。

3. 「コースページに説明を表示する」か否かを指定します。このオプションを有効に

した場合、上記「詳細」欄の説明文がコースページ内の活動/リソースのリンクの

下に表示されます。

4. 詳細を設定し、[保存してコースに戻る]または[保存して表示する]をクリックしま

す。

③ テスト問題の作成

問題の作成画面を開く

1. 「管理」ブロックの「問題バンク」セクションから「問題」リンクをクリックしま

す。

35

2. または、小テストの編集画面で、「管理」ブロックの「小テスト管理」セクション

からの「小テストを編集する」リンクをクリックします。

3. 問題バンクが表示されます。問題を作成するには、[新しい問題を作成する]をクリ

ックします。

4. [追加する問題タイプを選択する]が表示されるので、問題を選択します。それぞれ

の形式の問題の作成操作については、「Moodle 2 インストラクタ用ガイド（富山

大学版）」参照してください。

36

④ 問題バンク

問題バンクを開く

1. 「管理」ブロックの「問題バンク」セクションからの「問題」リンクをクリックし

ます。

2. または、小テストの編集画面で、「管理」ブロックの「小テスト管理」セクション

からの「小テストを編集する」リンクをクリックします。 問題バンクが表

示されます。

「問題リストの問題テキストを表示する」をチェックすると、問題文も合わせて表示さ

れます。

問題バンクの機能

問題バンクでは、次のことが可能です。

問題（質問）の新規作成

問題（質問）の編集

問題（質問）のプレビュー

問題（質問）の並べ替え

問題（質問）の削除

問題（質問）のカテゴリ間の移動

カテゴリの編集・削除

カテゴリの追加

問題（質問）のインポート

問題（質問）のエクスポート

37

⑤ テストへの問題の追加

1. 小テストの見出しを選択します。

2. インフォメーション画面が表示されるので「小テストを編集する」または、管理ブ

ロックの「小テスト管理」から「小テストを編集する」を選択します。

3. 小テストの編集画面が表示されます。

4. 右側の問題バンクコンテンツ欄で、追加する問題をチェックして選択します。

38

5. 「小テストに追加する」ボタンをクリックします

6. 追加された問題が表示されます。必要があれば評点の値を調整します。

7. 必要があれば 大評点の値を調整し、[保存]ボタンをクリックます。

設定した 大評点により、すべての評点の値が増減されます。 例えば、上の小テ

ストがコース全体の 5 %に相当するとして、 大評点を 5に設定すると、5問の問

題の評点の合計が 50 であったとしても、評点 50 は 大評点として設定した 5 に

スケールダウンされます。（このテストの「評定」で表示される満点は 5 点とな

ります。)

39

8. Moodle コース登録申請方法

授業等に利用するコースを設置するためには「Moodle コース登録申請」が必要です。

1. Moodle 2 ログイン画面＞Moodle コース登録申請フォーム をクリック。

2. Moodle コース登録申請フォームに必要事項を入力し、右下の確認画面をクリック

する。

40

3. 確認画面が表示されます。

内容をメール本文にコピー&ペーストして、moodle@itc.u-toyama.ac.jp 宛てに、

件名「Moodle コース登録申請」にて富山大学のメールアドレスで手動で送信して

ください。ご利用開始希望日の数日前までに申請願います。

4. コース作成完了の確認メールが申請者へ管理者から送信されます。

41

9. 参 考

Moodle 2 インストラクタ用ガイド

富山大学 TOP＞在学生教職員の方＞学習支援（e-learning）> 教員用ガイド

http://www.itc.u-toyama.ac.jp/moodle2/guide

Moodle 2 よくある質問と回答

富山大学 TOP＞在学生職員の方＞学習支援（e-learning）＞Moodle 2 教員用

ガイド＞ Moodle 2 よくある質問と回答

http://www.itc.u-toyama.ac.jp/moodle2/guide

Moodle 2 学習者用クイックガイド

富山大学 TOP＞在学生教職員の方＞学習支援（e-learning）> 学習者用ガイド

http://www.itc.u-toyama.ac.jp/moodle2/st_guide

学習管理システム Moodle 2 に関する情報

総合情報基盤センターTOP＞Blackboard, Moodle の情報＞Moodle 2＞Moodle

2 に関する情報のページ

http://www.itc.u-toyama.ac.jp/moodle2

Moodle に関するお問い合わせ

moodle@itc.u-toyama.ac.jp

Ver.2.6-1.4

Moodle のログイン画面

から関連情報にリンクが

はられています。

Moodle 2 ログイン画面