diff --git a/src/pages/articles/cosense/index.md b/src/pages/articles/cosense/index.md index a6fab7610f..878de220e8 100644 --- a/src/pages/articles/cosense/index.md +++ b/src/pages/articles/cosense/index.md @@ -28,9 +28,7 @@ Cosenseは，Helpfeel株式会社が提供する，オンラインで多数の Cosenseを利用することで，下図のような資料を簡単に作成することができます． -
- -
+![](30.png) ### 料金プランについて (2021年10月現在) @@ -62,18 +60,14 @@ Cosenseで使用するGoogle アカウントのメールアドレスもしくは Google アカウントと連携されると，Cosenseのアカウント設定画面に切り替わります．「Name」と「Username」をそれぞれ入力してください． -
- -
+![](5.png) * 「Name」にはGoogle アカウントの名前がそのまま反映されますが，もし変えたい場合は入力し直してください． * 「Username」は個人ページのページタイトルとして利用されるもので，半角英数字で入力しなければなりません．分かりやすくするために自分の名前にしておくのが良いでしょう． 「Looks Good」を選択すると，アカウントの作成が完了します．以下の画面が表示されたら，緑の「Create new project」ボタンをクリックして，プロジェクトの作成を行ってください． -
- -
+![](13.png) プロジェクトの作成方法は，「[プロジェクトを作成する](#create_project)」を確認してください． @@ -98,9 +92,7 @@ Cosenseにおけるプロジェクトとは，情報をまとめるためのス * **「Upload image to」**：画像のアップロード先を選択します．通常は「scrapbox.io」を選択すれば問題ありません．アップロードした画像がCosense上に保存されます． 4. 入力し終えたら，緑の「Create」ボタンをクリックします． -
- -
+![](14.png) ## プロジェクトを共有する @@ -160,15 +152,11 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される， 一行目はタイトル，二行目からが本文となります．タイトル行は空行のままでも問題ありませんが，ページ一覧画面での見出しになるので，何か書いておくと後から見つけやすくなります． -
- -
+![](9.png) 行頭に半角スペースを打ち込むことで，箇条書きができます．Enterキーを押すと自動的に次の箇条書きに移ります．箇条書きをやめたい時はEnterキーを2回押します． -
- -
+![](10.png) 箇条書き状態で行頭に更に半角スペースを打ち込むことで，階層化が可能です．半角スペースの回数によって，階層の深度を自由に調整できます． @@ -176,28 +164,20 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される， --> -
- -
+![](26.png) 文字列を選択することで，太字・斜体・取り消し線などの装飾を追加することも可能です． 例えば，文字列を選択して出てきたウィンドウから「strong」を選択すると，文字を太字にすることができます． -
- -
+![](28.png) -
- -
+![](29.png) ### ページから別のページにジャンプする ページを構造化したい(ページ同士を関連付けたい)場合は，リンク機能やハッシュタグ機能を使います． リンクを付けたい文字列を`[ ]`で囲むとリンクが，ハッシュタグを付けたい文字列の頭に`#`を付けるとハッシュタグが，それぞれ自動生成されます． -
- -
+![](11.png) リンクやハッシュタグが付けられた文字列をクリックすると，それぞれの文字列がタイトルとなったページに移動できます（ハッシュタグの場合は先頭の`#`を除いたものがタイトルとなります）． @@ -208,25 +188,17 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される， 先の画像の「リンク」という文字列をクリックした場合，タイトルが「リンク」となった新たなページに移動します．ここから本文を打ち込み，新たなページが作成できます． -
- -
+![](12.png) また，同一のハッシュタグを打ち込んだページ群は，画面下部にまとめて表示されます．関連したページには同一のハッシュタグを記載しておくと繋がりが分かりやすくなるでしょう． -
- -
+![](27.png) 左上部にあるプロジェクト名をクリックすると，ページ一覧画面（プロジェクトのトップページ）に移ることができます． -
- -
+![](15.png) -
- -
+![](16.png) ### 画像を挿入する @@ -235,28 +207,22 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される， PCに保存されている画像をページに挿入する場合は，ドラッグ＆ドロップもしくはコピー&ペーストで行います． -
- -
+![](17.png) 画面右の![](20.png){:.icon}アイコンから「Upload file」を選び（下の画像赤丸部分），挿入したいファイルを選択することもできます． -
- -
+![](21.png) #### スマホで操作する場合 モバイル版の場合，右上部の![](20.png){:.icon}アイコンから「Upload file」を選び（画像赤丸部分），携帯電話に保存されている画像を選択して挿入できます． -
- -
+![](19.png) ### 手書きの図を挿入する @@ -269,30 +235,21 @@ Cosenseのドローイング機能を使い，手書きの図をページに挿 ドローイング画面ではマウスやペンタブを使って自由に描くことが可能です． -
- -
+![](22.png) 挿入する画像を作成出来たら，右上の緑の「Upload」ボタンをクリックします． -
- -
+![](23.png) 作成した画像がページに挿入されます． -
- -
-
+![](24.png) #### スマホで操作する場合 モバイル版の場合，右上部の![](20.png){:.icon}アイコンから「drawing」を選び（画像赤丸部分），同様の操作が可能です． -
- -
+![](31.jpg) ## Tips：Slackなどのチャットツールに更新を通知する Slackと連携させることによって，Cosenseの更新をSlackで確認できるようになります． diff --git a/src/pages/articles/goodnotes-writing/index.mdx b/src/pages/articles/goodnotes-writing/index.mdx index ca25664adc..3481e3d0d7 100644 --- a/src/pages/articles/goodnotes-writing/index.mdx +++ b/src/pages/articles/goodnotes-writing/index.mdx @@ -207,9 +207,9 @@ GoodNotes 5はiPad，iPhone，Macなどで利用できますが，板書をす 以下では，新しいノートの作成方法を説明します． 1. GoodNotes 5を開き，画面下の「書類」を選択します． -2. 新しいノートを作成したいフォルダに移動して，「新規...」をタップします． -3. 表示されたメニューから「ノート」をタップします． -4. 表紙の有無や，用紙の色やサイズ，縦・横の向き，けい線の種類等を選択し，「作成」をタップします． +2. 新しいノートを作成したいフォルダに移動して，「新規...」をタップします．![](./pic52.jpeg) +3. 表示されたメニューから「ノート」をタップします．![](./pic53.jpeg) +4. 表紙の有無や，用紙の色やサイズ，縦・横の向き，けい線の種類等を選択し，「作成」をタップします．![](./pic54.jpeg) 5. 白紙のノートが作成されます． #### 事前に用意しておいたPowerPointやPDFを読み込む @@ -221,10 +221,10 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み 1. GoodNotes 5に読み込みたいファイルを，自身のGoogle ドライブに保存します．Google ドライブの基本的な使い方は，「[Googleドライブ](/google/drive/)」のページを確認してください． 2. iPad上でGoogle ドライブを起動します． * アプリケーションは，[App Store](https://apps.apple.com/jp/app/google-%E3%83%89%E3%83%A9%E3%82%A4%E3%83%96-%E5%AE%89%E5%85%A8%E3%81%AA%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3-%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8/id507874739)からインストールすることができます． -3. Google ドライブ上で開きたいファイル（PDF，Power Point，またはWordのファイル）があるフォルダまで移動し，開きたいファイルのファイル名の横に表示されている「・・・」をタップします． -4. 表示されたメニューから「アプリで開く」をタップします． -5. 「エクスポートの準備中」と表示されるので，準備が完了するまで待ちます． -6. 表示されたメニューから「GoodNotesで開く」をタップします． +3. Google ドライブ上で開きたいファイル（PDF，Power Point，またはWordのファイル）があるフォルダまで移動し，開きたいファイルのファイル名の横に表示されている「・・・」をタップします．![](./pic41.jpeg) +4. 表示されたメニューから「アプリで開く」をタップします．![](./pic42.jpeg) +5. 「エクスポートの準備中」と表示されるので，準備が完了するまで待ちます．![](./pic43.jpeg) +6. 表示されたメニューから「GoodNotesで開く」をタップします．![](./pic44.jpeg) 7. 自動でGoodNotes 5が起動し，「GoodNotesに読み込む」という画面が表示されます．GoodNotes 5内での保存場所を選択し，「新規ファイルとして読み込む」をタップしてください． （注）GoodNotes 5で別のファイルを開いていた場合は，「新規書類として読み込む」の他に「現在の書類に読み込む」という選択肢が表示されます．現在GoodNotes 5で開いている書類と事前作成資料を結合したい場合は，「現在の書類に読み込む」を選択してください． @@ -238,10 +238,10 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み 一般的なZoomの使い方については，「[Zoom](/zoom/)」を参考にしてください． -1. iPadでZoomの会議室を開き，メニューバーから「共有」をタップしてから，「画面」を選択してください． -2. 「ブロードキャストを開始」をタップします． -3. 「画面を共有しています」と表示されます． -4. iPadで開くアプリをZoomからGoodNotes 5に切り替えると，GoodNotes 5の画面が共有されます．画面共有中は画面右上に赤いマークが表示されます． +1. iPadでZoomの会議室を開き，メニューバーから「共有」をタップしてから，「画面」を選択してください．![](./pic37.jpeg) +2. 「ブロードキャストを開始」をタップします．![](./pic38.jpeg) +3. 「画面を共有しています」と表示されます．![](./pic39.jpeg) +4. iPadで開くアプリをZoomからGoodNotes 5に切り替えると，GoodNotes 5の画面が共有されます．画面共有中は画面右上に赤いマークが表示されます．![](./pic40.jpeg) 本記事では詳述しませんが，「AirPlay（またはそのミラーリングソフト）」を用いた画面共有等の方法を用いることで，Macや一部のWindowsPCからiPadの画面を共有することも可能です． @@ -271,8 +271,8 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み 板書をPDFや画像ファイル（.jpeg）に書き出すことで，授業後の復習用資料として板書内容を学生に共有することが可能です．以下では，資料化のための手順を記載します． -1. 「共有」をタップし，続いて表示される「すべてを書き出す」または「このページを書き出す」をタップします．「すべてを書き出す」を選択すると，全ページを資料化できます．「このページを書き出す」を選択すると，表示中のページのみを資料化することができます． -2. PDF・イメージ（.jpeg）・GoodNotesファイルの中から，書き出したいファイル形式を選択します．「ファイル名」にファイル名を記入し，「書き出す」をタップします． -3. 書き出したファイルを保存または共有するためのアプリケーションを選択します．書き出したファイルは，Googleドライブに保存したり，Slackやメールで添付送信をしたりすることができます．本記事ではGoogle ドライブに保存する場合の手順を紹介します． -4. Googleドライブ内の保存先フォルダを指定して，「ここに保存」をタップします． -5. 「アップロード」をタップします． +1. 「共有」をタップし，続いて表示される「すべてを書き出す」または「このページを書き出す」をタップします．「すべてを書き出す」を選択すると，全ページを資料化できます．「このページを書き出す」を選択すると，表示中のページのみを資料化することができます．![](./pic56.jpeg) +2. PDF・イメージ（.jpeg）・GoodNotesファイルの中から，書き出したいファイル形式を選択します．「ファイル名」にファイル名を記入し，「書き出す」をタップします．![](./pic57.jpeg) +3. 書き出したファイルを保存または共有するためのアプリケーションを選択します．書き出したファイルは，Googleドライブに保存したり，Slackやメールで添付送信をしたりすることができます．本記事ではGoogle ドライブに保存する場合の手順を紹介します．![](./pic58.png) +4. Googleドライブ内の保存先フォルダを指定して，「ここに保存」をタップします．![](./pic59.jpeg) +5. 「アップロード」をタップします．![](./pic60.jpeg) diff --git a/src/pages/articles/goodnotes-writing/pic37.jpeg b/src/pages/articles/goodnotes-writing/pic37.jpeg new file mode 100644 index 0000000000..cc55ca69a7 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic37.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic38.jpeg b/src/pages/articles/goodnotes-writing/pic38.jpeg new file mode 100644 index 0000000000..e4feb9e841 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic38.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic39.jpeg b/src/pages/articles/goodnotes-writing/pic39.jpeg new file mode 100644 index 0000000000..b402b62601 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic39.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic40.jpeg b/src/pages/articles/goodnotes-writing/pic40.jpeg new file mode 100644 index 0000000000..9327329d30 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic40.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic41.jpeg b/src/pages/articles/goodnotes-writing/pic41.jpeg new file mode 100644 index 0000000000..5e287b8bd3 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic41.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic42.jpeg b/src/pages/articles/goodnotes-writing/pic42.jpeg new file mode 100644 index 0000000000..e3a1572416 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic42.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic43.jpeg b/src/pages/articles/goodnotes-writing/pic43.jpeg new file mode 100644 index 0000000000..7f3d87b605 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic43.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic44.jpeg b/src/pages/articles/goodnotes-writing/pic44.jpeg new file mode 100644 index 0000000000..e109ccfda5 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic44.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic52.jpeg b/src/pages/articles/goodnotes-writing/pic52.jpeg new file mode 100644 index 0000000000..747ff8a382 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic52.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic53.jpeg b/src/pages/articles/goodnotes-writing/pic53.jpeg new file mode 100644 index 0000000000..96f1279e27 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic53.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic54.jpeg b/src/pages/articles/goodnotes-writing/pic54.jpeg new file mode 100644 index 0000000000..f164323533 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic54.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic56.jpeg b/src/pages/articles/goodnotes-writing/pic56.jpeg new file mode 100644 index 0000000000..acba9e52ae Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic56.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic57.jpeg b/src/pages/articles/goodnotes-writing/pic57.jpeg new file mode 100644 index 0000000000..e85ccf4516 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic57.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic58.png b/src/pages/articles/goodnotes-writing/pic58.png new file mode 100644 index 0000000000..6640dba5d9 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic58.png differ diff --git a/src/pages/articles/goodnotes-writing/pic59.jpeg b/src/pages/articles/goodnotes-writing/pic59.jpeg new file mode 100644 index 0000000000..ba9cc76c32 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic59.jpeg differ diff --git a/src/pages/articles/goodnotes-writing/pic60.jpeg b/src/pages/articles/goodnotes-writing/pic60.jpeg new file mode 100644 index 0000000000..e5db4b6c58 Binary files /dev/null and b/src/pages/articles/goodnotes-writing/pic60.jpeg differ diff --git a/src/pages/articles/google-form/index.md b/src/pages/articles/google-form/index.md index ad913ce424..86eb5be074 100644 --- a/src/pages/articles/google-form/index.md +++ b/src/pages/articles/google-form/index.md @@ -40,9 +40,7 @@ Googleアカウント（ECCSクラウドメールのアカウント）にログ Googleの画面から右上の赤丸のアイコンをクリックし，「Forms」をクリックすることで起動できます. -
- -
+![](photo_01.png) ## 基本的な利用方法（テスト編） @@ -54,23 +52,17 @@ Googleの画面から右上の赤丸のアイコンをクリックし，「Forms 「新しいフォームの作成」欄にある，1番左の「空白」をクリックします. -
- -
+![](photo_02.png) クリック後は以下のような画面になります. -
- -
+![](photo_03.png) #### テストに設定する 上部のバーの右端の「設定」をクリックし，「テストにする」の設定をONにします.「テストにする」設定にすると，自動採点（作成ステップ⑤参照）が可能です．オプション設定で成績開示の方法などを設定することも可能です． -
- -
+![](photo_04.png) #### 問題を作成する @@ -78,15 +70,11 @@ Googleの画面から右上の赤丸のアイコンをクリックし，「Forms 設問フォームの右側の下⽮印のアイコン（下図赤丸）をクリックし，「ラジオボタン」を選択します．下図の緑の枠内に問題を，⽔⾊の枠の部分に解答の選択肢を⼊⼒します. -
- -
+![](photo_06.png) 下図右下の⾚丸で囲われたアイコン「︙」から，「選択肢の順序をシャッフルする」こともできます. -
- -
+![](photo_07.png) ※これらは自動採点することが可能です．詳細は「[④の自動採点を適用する](#apply-automatic-scoring)」をご覧ください． @@ -106,9 +94,7 @@ Googleの画面から右上の赤丸のアイコンをクリックし，「Forms 下図の緑の枠内に問題を⼊⼒します -
- -
+![](photo_08.png) ##### 長い記述の問題を作りたい: 「段落」を活用する @@ -125,40 +111,28 @@ Google フォームでは事前に模範解答を入力しておくことで自 左下の「解答集を作成」をクリックします. -
- -
+![](photo_09.png) 正答を選択・記入して配点を設定します.　 -
- -
+![](photo_10.png) 「回答に対するフィードバックを追加」から，文章やリンク，動画にて問題の解説を加えることもできます. -
- -
+![](photo_11.png) 上のバーの「設定」(下図赤丸)をクリックし，「成績の発表」のタイミングや「回答者の設定」から回答者が確認できる情報を設定することもできます． -
- -
+![](photo_19.png) #### 問題／セクションを追加する 設問を増やしたい時は，右の丸十字ボタンのアイコン(下図水色の丸)をクリックすると，新たに質問項目が増やせます．大問を増やしたい時は四角2つのアイコン(下図緑の丸)のボタンをクリックすると，新たにセクション追加できます． -
- -
+![](photo_18.png) 上のバーの「設定」をクリックし，「プレゼンテーション」から「質問の順序をシャッフルする」をオンにすることで，テスト問題自体をシャッフルすることもできます（不正防止の手段として，テスト問題のシャッフルは有効です）． -
- -
+![](photo_20.png) #### 公開設定をする @@ -170,17 +144,13 @@ Google フォームでは事前に模範解答を入力しておくことで自 1. 上のバーの「設定」をクリックし，「回答」を開きます． 2. 「東京大学ECCSクラウドメールと信頼できる組織のユーザーに限定する」がオンになっていることを確認します.なお「メールアドレスを収集する」を選択しておくと，回答者のECCSメールアドレスが自動的に記録されます． -
- -
+![](photo_12.png) ##### 学生が答案提出後自分の回答を確認できるようにしたい場合 上のバーの「設定」をクリックし，「回答」から「メールアドレスを収集する」をオンに，「回答のコピーを回答者に送信」を「常に表示」に設定します. -
- -
+![](photo_13.png) ### 実施ステップ @@ -188,9 +158,7 @@ Google フォームでは事前に模範解答を入力しておくことで自 右側の⽬のマークのアイコン（下図赤丸）をクリックして，共有するテストを確認します. -
- -
+![](photo_14.png) #### 完成したGoogle フォームを共有する @@ -198,17 +166,13 @@ Google フォームでは事前に模範解答を入力しておくことで自 大人数の授業の場合には1つのフォームにアクセスが集中すると動作しなくなる可能性があるため，同一のフォームを複数作成，共有して回答をばらけさせるという対策が有効です（350人参加の授業において，3つのフォームを使ってテストを実施した事例があります．詳細は[四本裕子先生のグッドプラクティス](/good-practice/interview/yotsumoto/)を参照してください）． -
- -
+![](photo_15.png) 注意：紛らわしいものとして，送信横の︙を押すと出てくる，「共同編集者を追加」という機能があります．こちらは，該当するフォームの問題作成をできる人を増やしたり，回答結果を確認できる人（つまり，フォームの作成者と同様の編集をできる人）を増やすための設定です．こちらの「リンクの取得」は，フォームの編集（回答はできない）のためのものなので注意してください． #### テストを終了する -
- -
+![](photo_21.png) 制限時間が終了したら，上図赤丸の「回答」をクリックし，「回答を受付中」をオフにすることで回答を終了することができます． @@ -227,9 +191,7 @@ Google フォームでは事前に模範解答を入力しておくことで自 回答はスプレッドシートのマーク（下図オレンジ丸）をクリックすることで対応するスプレッドシートが自動で生成され，表形式で確認・ダウンロードすることも可能です. -
- -
+![](photo_16.png) ## 基本的な利用方法（アンケート編） @@ -240,9 +202,7 @@ Google フォームでは事前に模範解答を入力しておくことで自 1. 右側の下⽮印のアイコン（下図⾚丸） をクリックして「選択式（グリッド）」を選びます． 2. 行に質問項目，列に選択肢を記入します. -
- -
+![](photo_17.png) ## 基本的な利用方法（その他） diff --git a/src/pages/articles/onenote-whiteboard/index.mdx b/src/pages/articles/onenote-whiteboard/index.mdx index d8c23dcdf5..f21cee8519 100644 --- a/src/pages/articles/onenote-whiteboard/index.mdx +++ b/src/pages/articles/onenote-whiteboard/index.mdx @@ -1,313 +1,313 @@ ---- -title: OneNoteで板書する ---- - -import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx"; - - - -## 本記事のハイライト - -* この記事はOneNoteを用いた板書方法について書かれています． -* OneNoteの主な使用場面 - * 授業中のリアルタイムでの板書（ホワイトボード，ノートとして） - * 別に用意しておいたPDF，PowerPointなどの資料を読み込み，それに書き込む形で板書 - * 授業資料・板書のページを予め作成する - -## アプリケーションについての説明 -OneNoteはMicrosoft社が提供するアプリケーションの一つで，電子ノートとしての機能を備えています．授業ではリアルタイムの板書や，読み込んだスライドや文書（PDF，Power Point，Wordなどに対応）への手書きでの書き込みなどに用いることができます． - -本記事では主にタブレットとタッチペンを用いて板書をする，資料に書き込む方法について紹介します． - - - -### 仕様表 -* 提供元 - * Microsoft - * 公式サイト：[Microsoft OneNote デジタル ノート アプリ](https://www.microsoft.com/ja-jp/microsoft-365/onenote/digital-note-taking-app) -* 使用可能な環境 - * 端末・OS（詳細は[公式サイト](https://www.microsoft.com/ja-jp/microsoft-365/microsoft-365-and-office-resources)をご覧ください） - * Windows （PC，タブレット，Phone等） - * iOS （Mac，iPad， iPhone等） - * Android （スマートフォン） - * Web - * 必須またはオプションのアクセサリ - * 必須ではないが，iPadやSurfaceといったタブレットと専用のタッチペン(Apple PencilやSurface Penなど)の利用を強く推奨． - * オンライン授業で使用する場合は，Zoom等のビデオ会議用ツールが別途必要． - * インストールに必要なドライブ容量 - * Windows 10: 156.01MB - * macOS: 481.7MB - * iOS : 212.5MB -* 運用コスト - * 費用 - * Microsoftアプリケーションは大学ライセンスにより無料． - * 別途タブレットやタッチペン等． - * 以下はApple Pencil, Surface Penの値段の例 - * Apple Pencil（第2世代）15,950円（税込） - * Surfaceスリムペン 17,490円（税込） - * 授業を受ける学生側が準備すること - * 原則無し - * 共有方法によっては受講生は大学アカウントでMicrosoftにログインする必要あり． - -## インストール方法 - -OneNoteは，以下のいずれかの方法でインストールできます． - -* （macOSの場合）[Microsoftの公式サイト](https://www.microsoft.com/ja-jp/microsoft-365/onenote/digital-note-taking-app) -からMicrosoft365をインストール -* （iOS, Androidの場合）各種ダウンロードアプリ（Playストア，App Storeなど）からインストール -* （Windowsの場合）Windows10搭載デバイスでは「OneNote for Windows 10」が初期搭載 -* [Web版サイト](https://www.onenote.com/hrd?omkt=ja-JP)からも利用可能 - -## 利用方法 - 基本編 - -### ツールについて -OneNoteの基本的な操作については公式サイトに載っています． -* [OneNote for Windows 10 の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-for-windows-10-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-081573f8-2e8f-45e5-bf16-0900d4d3331f) -* [OneNote for Mac の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-for-mac-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-0206acf2-77da-42ab-a2e8-b69ae450f6a0) -* [OneNote Online の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-online-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-80b7e897-88df-49e7-8bfe-a3467a428da0) -* [OneNote for iOS (iPhone および iPad) の基本タスク](https://support.microsoft.com/ja-jp/office/microsoft-onenote-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-51bcc28e-8778-4632-b702-0c61b24c9917) -* [OneNote for Android の基本タスク](https://support.microsoft.com/ja-jp/office/android-%E7%89%88-microsoft-onenote-46b4b49d-2bef-4746-9c30-6abb5e20b688) - -以下では，板書に必要なツールとその使い方について簡単に紹介します． - -本記事で紹介するツールの画像等は，iPadを用いてOneNote for iOSを利用したときのものです．使用するデバイス等によっては一部デザインや機能に違いがある場合があります． - -#### ノートに描画する - -##### ペン，蛍光ペン - -![ペン，蛍光ペンのアイコン](pic02.PNG) - -手書きに用いる最も基本的なツールです．ペンと蛍光ペンの2種類があり，実際のペンや蛍光ペンと同じような感覚で使用できます．また，ペンや蛍光ペンの色と太さを変更することも可能です． - -以下はペン・蛍光ペンを使用した様子と，色・太さを変更する様子です． - -【ペン・蛍光ペンを使用した様子】 - -![ペン・蛍光ペンを使用した様子](pic03.PNG) - -ペン・蛍光ペンの太さ，色はペンのアイコンをタッチして出る以下の画面の黒枠部分から変更できます． - -【色・太さの変更方法】 - -![色・太さの変更方法](pic04.PNG) -![色・太さの変更方法](pic05.PNG) - - -##### 消しゴム - -![消しゴムのアイコン](pic06.PNG) - -ペンや蛍光ペンで描画した文字や線を消すことができます．こちらのツールも実際の消しゴムと同じような感覚で使用できます． - -消しゴムのアイコンをクリックすると，ペンや蛍光ペンから消しゴムに切り替わります．消しゴムのアイコンをさらにタッチすることで消しゴムの大きさ(消す範囲の広さ)を変更できます．また，「ストローク」は触れたストローク(一筆分)のみを消去することができます． - -以下は消しゴムの大きさの切り替えをする様子です． - -【消しゴムの大きさの切り替え】 - -![消しゴムの大きさの切り替え](pic07.PNG) - -##### テキストモード - -![テキストモードのアイコン](pic08.PNG) - -テキストモードでは，ノート上の好きな場所を選択し，そこにキーボードを用いて文字を入力することができます．同じMicrosoftのアプリケーションであるWordやPowerPointにおけるテキストボックスのような機能です． - -入力した文字は，ホームから色・大きさを変えるなど，編集することができます． - -以下はテキストを入力した様子と編集画面の様子です． - -【テキストを入力した様子】 - -![テキストを入力した様子](pic09.PNG) - -【テキストの編集画面】 - -![テキストの編集画面](pic10.PNG) - -##### なげなわ選択 - -![なげなわ選択のアイコン](pic11.PNG) - -なげなわ選択を用いると，入力・描画した文字等をまとめて移動，拡大・縮小，コピー＆ペーストといった操作をすることができます． - -なげなわ選択の状態で操作したい部分を囲むと，その部分にのみこれらの操作を適用することができます． - -以下はなげなわ選択を用いた様子です． - -【なげなわ選択を使用する様子】 - -![なげなわ選択を使用する様子](pic12.PNG) -![なげなわ選択を使用する様子](pic13.PNG) - -##### 図形 - -![図形，インクを図形に変換のアイコン](pic14.PNG) - -描画の図形ツールを用いると，直線や円等の図形を綺麗に描くことができます． - -以下の画像のように直線や矢印，円などを描けます．ペンをタッチした後に，「図形」をタッチして図形を選択すると，選んだペンの色で図形を描けます． - -【図形ツールを用いて図形を描いた様子】 - -![図形ツールを用いて図形を描いた様子](pic15.PNG) - -また，「インクを図形に変換」を選択した状態で円や三角などの図形を描くと，手書きした図形に補正がかかり，綺麗な図形を描くことができます． - -【変換前の手書き図形】 - -![変換前の手書き図形](pic16.PNG) - -【「インクを図形に変換」で補正された図形】 - -![「インクを図形に変換」で補正された図形](pic17.PNG) - -### 用紙のデザインを変更する - -#### ページデザイン - -表示のタブから用紙の色やスタイルを変更することができます(標準では無地)． - -それぞれ「用紙の色」「用紙のスタイル」をタッチすると，複数の色や罫線・方眼紙といったスタイルを選択することができます． - -以下の画像はページのデザインを変更した様子です． - -【用紙の色の変更】 - -![用紙の色の変更](pic18.PNG) - -【用紙のスタイルの変更】 - -![用紙のスタイルの変更](pic19.PNG) - -#### 用紙サイズ - -OneNoteのページは基本的にはサイズの設定(A3，A4等)ができません．しかし例外として，デスクトップ版アプリケーションのOneNoteをインストールして用いる場合は，ページのサイズを変更することができます． - -サイズを設定したい場合は，上記の公式サイトからデスクトップ版をインストールしてください．また，Windows10に初期搭載されているOneNote for Windows 10でも用紙のサイズ設定が不可のため，この場合もデスクトップ版のインストールが必要です． - -デスクトップ版で表示タブから「用紙サイズ」を選択すると，ページのサイズや向きなどを設定できます． - -Windows搭載PCでデスクトップ版を利用してページのサイズの設定を行う方法は，以下の画像をご参照ください． - -【表示タブを選択】 - -![表示タブを選択](pic20.PNG) - -【表示タブを選択した後「用紙サイズ」を選択】 - -![表示タブを選択した後「用紙サイズ」を選択](pic21.PNG) - -### ノートブック・セクション・ページを設定する - -実際に板書やメモを書いていくのがページで，ノートブック・セクションはページを管理するための分類です． - -ページが最小単位で，セクションが複数ページのまとまり，ノートブックは複数セクションのまとまりとなります．このようにページをまとめることでページの管理がしやすくなります． - -使い方は自由ですが，以下の画像は一例です． - -【ノートブック・セクション・ページの分類例】 -![ノートブック・セクション・ページの分類例](pic22.PNG) - -好きな位置を選択し，「挿入」のタブを選ぶと，様々な画像やファイルなどを挿入することができます． - -#### 画像 - -![画像，カメラ，オンライン画像のアイコン](pic23.PNG) - -「画像」を選ぶと端末等に保存されている画像を挿入することができます．また，「オンライン画像」からは検索によりネット上の画像を探してきて挿入することができます．（著作権には注意が必要です．） - -#### ファイル，PDF - -![ファイル，PDFのアイコン](pic24.PNG) - -「ファイル」からは画像や動画ファイルだけでなく，文書ファイルなども挿入することができます． - -また，「PDF」をタッチするとPDFファイルを挿入することができます．PDFファイルはファイルが開いた状態で挿入されるため，中身に書き込み等を加えることができます． - -以下の画像はファイルを挿入した様子です． - -【PDFを挿入する様子】 - -![PDFを挿入する様子](pic25.PNG) -![PDFを挿入する様子](pic26.PNG) - -挿入したいファイルを選択するとこのように挿入されます． - -## 授業での使用方法 - -### 準備 - -#### ホワイトボードとしての準備 - -何も書かれていない状態のページにリアルタイムで書き込みをしていくことで，対面授業におけるホワイトボードや黒板での板書をOneNote上で再現できます．この場合，基本的に初期状態のまま始めることが出来ます．ペンの太さや用紙のスタイルなどで変更を加えたい場合は，これまで紹介した方法を参考に授業前に変更しておくとスムーズです． - -#### 事前に用意しておいたPowerPointやPDFを読み込む - -OneNoteではPowerPointなどで作成したファイル(PDF化した状態で)を読み込んで，そこに書き込みを加えていくことができます．ファイルのインポートは，上で紹介したPDFの挿入方法を参考にしてください．事前に用意しておいた資料を読み込んでおき，授業で書き込みをすると以下の画像のようになります． - -【用意しておいた資料を読み込み，書き込みをした例】 -![](./pic27.PNG) - -#### 事前にOneNoteのページを作成しておく - -OneNoteを用いて予め授業資料を作っておくことも可能です．板書が多い場合などは授業前に大枠を書いておくと，授業中の板書の負担が減ります．また，これまでに紹介したツールなどを用いてイラストや図表などを多く用いた資料も作ることができます． - -### 画面共有 - -受講している学生とリアルタイムで板書を共有する最も簡単な方法は，OneNoteを利用している画面をそのままZoomで画面共有することです． -Zoomでの画面共有の方法は，uteleconの「[画面共有](/zoom/usage/screen_sharing/)」を参考にしてください． - -以下の画像はZoomを用いてOneNoteの画面共有を行った様子です． - -【Zoomを用いた画面共有】 -![](./pic28.PNG) - -本記事では詳述しませんが，OneNoteをiPadを使用している場合は，「AirPlay（またはその他のミラーリングソフト）」を用いた画面共有を行うこともできます． - -### 板書をする - -準備，共有ができたら実際に授業を行います． -これまでに紹介したツール等を用いて好きなように板書をすることができます． -実際に描画している様子については，[公式サイトの動画](https://support.microsoft.com/ja-jp/office/%E3%83%93%E3%83%87%E3%82%AA-onenote-%E3%81%A7%E6%8F%8F%E7%94%BB%E3%81%8A%E3%82%88%E3%81%B3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%81%E3%82%92%E8%A1%8C%E3%81%86-e5d9e43e-96a0-442a-85e9-298e029aa76c?wt.mc_id=otc_onenote)もご参照ください． - -### 資料配布 - -オンライン授業では受講生の様子が分かりにくいことからも，授業資料を配布することは非常に有効です． -ここではリンクを共有して資料を配布する方法とpdfとして配布する方法を紹介します． - -#### リンクを共有する - -リンクを共有することで受講生はそのリンクからOneNoteの画面を開くことができます．受講生側がOneNoteをインストールしていなくとも，ブラウザからリンクを開くことができるため問題ありません． - -この方法で配布することのメリットとしては，一度リンクを共有すれば，以降の授業で加えていった板書や後から加えた変更が，リンクをその都度共有しなくとも受講生側に反映される（更新を促す必要はあり）ことが挙げられます．また，授業前にリンクを共有しておけば，受講生は板書に追いつけなくなったときに流れてしまった部分を見ることができます． - -リンクを共有する方法については以下の画像をご参照ください． - -【リンクの送信の方法】 -![](./pic29.PNG) - -【公開範囲・編集の許可】 -![](./pic30.PNG) - -#### PDFとして配布する - -OneNoteの画面はPDFとして配布することも可能です． -PDFで配布することのメリットは，受講生が扱い慣れていることが多いため，管理や使用が楽な点にあります． -以下の画像の「ページのコピーを送信」から共有，または保存すると，PDF化されます． - -【PDF化して配布】 -![](./pic31.PNG) - -## グッドプラクティス・応用例の紹介 - -* [入江薫　先生：数理統計I，Ⅱ](/good-practice/interview/irie/) - * 入江先生の授業ではOneNoteを板書代わりに用いて，それをZoomで画面共有するという方法が用いられていました． - * 入江先生はOneNoteを授業で使う際，以下の点を工夫されていました． - * Microsoft SurfaceとSurfacePenを用いて板書をした． - * 指さしができないのが不便だったが，マーカー機能で代用した． - * 横向きにすると一度に表示される量が少なくなりスクロールが早くなってしまうため，縦向きに用いた． - * 縦向きにすることで字が小さくなるが，学生側がZoomの画面拡大機能を用いることで解決した． - +--- +title: OneNoteで板書する +--- + +import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx"; + + + +## 本記事のハイライト + +* この記事はOneNoteを用いた板書方法について書かれています． +* OneNoteの主な使用場面 + * 授業中のリアルタイムでの板書（ホワイトボード，ノートとして） + * 別に用意しておいたPDF，PowerPointなどの資料を読み込み，それに書き込む形で板書 + * 授業資料・板書のページを予め作成する + +## アプリケーションについての説明 +OneNoteはMicrosoft社が提供するアプリケーションの一つで，電子ノートとしての機能を備えています．授業ではリアルタイムの板書や，読み込んだスライドや文書（PDF，Power Point，Wordなどに対応）への手書きでの書き込みなどに用いることができます． + +本記事では主にタブレットとタッチペンを用いて板書をする，資料に書き込む方法について紹介します． + +![](pic01.PNG){:.small} + +### 仕様表 +* 提供元 + * Microsoft + * 公式サイト：[Microsoft OneNote デジタル ノート アプリ](https://www.microsoft.com/ja-jp/microsoft-365/onenote/digital-note-taking-app) +* 使用可能な環境 + * 端末・OS（詳細は[公式サイト](https://www.microsoft.com/ja-jp/microsoft-365/microsoft-365-and-office-resources)をご覧ください） + * Windows （PC，タブレット，Phone等） + * iOS （Mac，iPad， iPhone等） + * Android （スマートフォン） + * Web + * 必須またはオプションのアクセサリ + * 必須ではないが，iPadやSurfaceといったタブレットと専用のタッチペン(Apple PencilやSurface Penなど)の利用を強く推奨． + * オンライン授業で使用する場合は，Zoom等のビデオ会議用ツールが別途必要． + * インストールに必要なドライブ容量 + * Windows 10: 156.01MB + * macOS: 481.7MB + * iOS : 212.5MB +* 運用コスト + * 費用 + * Microsoftアプリケーションは大学ライセンスにより無料． + * 別途タブレットやタッチペン等． + * 以下はApple Pencil, Surface Penの値段の例 + * Apple Pencil（第2世代）15,950円（税込） + * Surfaceスリムペン 17,490円（税込） + * 授業を受ける学生側が準備すること + * 原則無し + * 共有方法によっては受講生は大学アカウントでMicrosoftにログインする必要あり． + +## インストール方法 + +OneNoteは，以下のいずれかの方法でインストールできます． + +* （macOSの場合）[Microsoftの公式サイト](https://www.microsoft.com/ja-jp/microsoft-365/onenote/digital-note-taking-app) +からMicrosoft365をインストール +* （iOS, Androidの場合）各種ダウンロードアプリ（Playストア，App Storeなど）からインストール +* （Windowsの場合）Windows10搭載デバイスでは「OneNote for Windows 10」が初期搭載 +* [Web版サイト](https://www.onenote.com/hrd?omkt=ja-JP)からも利用可能 + +## 利用方法 - 基本編 + +### ツールについて +OneNoteの基本的な操作については公式サイトに載っています． +* [OneNote for Windows 10 の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-for-windows-10-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-081573f8-2e8f-45e5-bf16-0900d4d3331f) +* [OneNote for Mac の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-for-mac-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-0206acf2-77da-42ab-a2e8-b69ae450f6a0) +* [OneNote Online の基本タスク](https://support.microsoft.com/ja-jp/office/onenote-online-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-80b7e897-88df-49e7-8bfe-a3467a428da0) +* [OneNote for iOS (iPhone および iPad) の基本タスク](https://support.microsoft.com/ja-jp/office/microsoft-onenote-%E3%81%AE%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%9C%E6%A5%AD-51bcc28e-8778-4632-b702-0c61b24c9917) +* [OneNote for Android の基本タスク](https://support.microsoft.com/ja-jp/office/android-%E7%89%88-microsoft-onenote-46b4b49d-2bef-4746-9c30-6abb5e20b688) + +以下では，板書に必要なツールとその使い方について簡単に紹介します． + +本記事で紹介するツールの画像等は，iPadを用いてOneNote for iOSを利用したときのものです．使用するデバイス等によっては一部デザインや機能に違いがある場合があります． + +#### ノートに描画する + +##### ペン，蛍光ペン + +![ペン，蛍光ペンのアイコン](pic02.PNG) + +手書きに用いる最も基本的なツールです．ペンと蛍光ペンの2種類があり，実際のペンや蛍光ペンと同じような感覚で使用できます．また，ペンや蛍光ペンの色と太さを変更することも可能です． + +以下はペン・蛍光ペンを使用した様子と，色・太さを変更する様子です． + +【ペン・蛍光ペンを使用した様子】 + +![ペン・蛍光ペンを使用した様子](pic03.PNG) + +ペン・蛍光ペンの太さ，色はペンのアイコンをタッチして出る以下の画面の黒枠部分から変更できます． + +【色・太さの変更方法】 + +![色・太さの変更方法](pic04.PNG) +![色・太さの変更方法](pic05.PNG) + + +##### 消しゴム + +![消しゴムのアイコン](pic06.PNG) + +ペンや蛍光ペンで描画した文字や線を消すことができます．こちらのツールも実際の消しゴムと同じような感覚で使用できます． + +消しゴムのアイコンをクリックすると，ペンや蛍光ペンから消しゴムに切り替わります．消しゴムのアイコンをさらにタッチすることで消しゴムの大きさ(消す範囲の広さ)を変更できます．また，「ストローク」は触れたストローク(一筆分)のみを消去することができます． + +以下は消しゴムの大きさの切り替えをする様子です． + +【消しゴムの大きさの切り替え】 + +![消しゴムの大きさの切り替え](pic07.PNG) + +##### テキストモード + +![テキストモードのアイコン](pic08.PNG) + +テキストモードでは，ノート上の好きな場所を選択し，そこにキーボードを用いて文字を入力することができます．同じMicrosoftのアプリケーションであるWordやPowerPointにおけるテキストボックスのような機能です． + +入力した文字は，ホームから色・大きさを変えるなど，編集することができます． + +以下はテキストを入力した様子と編集画面の様子です． + +【テキストを入力した様子】 + +![テキストを入力した様子](pic09.PNG) + +【テキストの編集画面】 + +![テキストの編集画面](pic10.PNG) + +##### なげなわ選択 + +![なげなわ選択のアイコン](pic11.PNG) + +なげなわ選択を用いると，入力・描画した文字等をまとめて移動，拡大・縮小，コピー＆ペーストといった操作をすることができます． + +なげなわ選択の状態で操作したい部分を囲むと，その部分にのみこれらの操作を適用することができます． + +以下はなげなわ選択を用いた様子です． + +【なげなわ選択を使用する様子】 + +![なげなわ選択を使用する様子](pic12.PNG) +![なげなわ選択を使用する様子](pic13.PNG) + +##### 図形 + +![図形，インクを図形に変換のアイコン](pic14.PNG) + +描画の図形ツールを用いると，直線や円等の図形を綺麗に描くことができます． + +以下の画像のように直線や矢印，円などを描けます．ペンをタッチした後に，「図形」をタッチして図形を選択すると，選んだペンの色で図形を描けます． + +【図形ツールを用いて図形を描いた様子】 + +![図形ツールを用いて図形を描いた様子](pic15.PNG) + +また，「インクを図形に変換」を選択した状態で円や三角などの図形を描くと，手書きした図形に補正がかかり，綺麗な図形を描くことができます． + +【変換前の手書き図形】 + +![変換前の手書き図形](pic16.PNG) + +【「インクを図形に変換」で補正された図形】 + +![「インクを図形に変換」で補正された図形](pic17.PNG) + +### 用紙のデザインを変更する + +#### ページデザイン + +表示のタブから用紙の色やスタイルを変更することができます(標準では無地)． + +それぞれ「用紙の色」「用紙のスタイル」をタッチすると，複数の色や罫線・方眼紙といったスタイルを選択することができます． + +以下の画像はページのデザインを変更した様子です． + +【用紙の色の変更】 + +![用紙の色の変更](pic18.PNG) + +【用紙のスタイルの変更】 + +![用紙のスタイルの変更](pic19.PNG) + +#### 用紙サイズ + +OneNoteのページは基本的にはサイズの設定(A3，A4等)ができません．しかし例外として，デスクトップ版アプリケーションのOneNoteをインストールして用いる場合は，ページのサイズを変更することができます． + +サイズを設定したい場合は，上記の公式サイトからデスクトップ版をインストールしてください．また，Windows10に初期搭載されているOneNote for Windows 10でも用紙のサイズ設定が不可のため，この場合もデスクトップ版のインストールが必要です． + +デスクトップ版で表示タブから「用紙サイズ」を選択すると，ページのサイズや向きなどを設定できます． + +Windows搭載PCでデスクトップ版を利用してページのサイズの設定を行う方法は，以下の画像をご参照ください． + +【表示タブを選択】 + +![表示タブを選択](pic20.PNG) + +【表示タブを選択した後「用紙サイズ」を選択】 + +![表示タブを選択した後「用紙サイズ」を選択](pic21.PNG) + +### ノートブック・セクション・ページを設定する + +実際に板書やメモを書いていくのがページで，ノートブック・セクションはページを管理するための分類です． + +ページが最小単位で，セクションが複数ページのまとまり，ノートブックは複数セクションのまとまりとなります．このようにページをまとめることでページの管理がしやすくなります． + +使い方は自由ですが，以下の画像は一例です． + +【ノートブック・セクション・ページの分類例】 +![ノートブック・セクション・ページの分類例](pic22.PNG) + +好きな位置を選択し，「挿入」のタブを選ぶと，様々な画像やファイルなどを挿入することができます． + +#### 画像 + +![画像，カメラ，オンライン画像のアイコン](pic23.PNG) + +「画像」を選ぶと端末等に保存されている画像を挿入することができます．また，「オンライン画像」からは検索によりネット上の画像を探してきて挿入することができます．（著作権には注意が必要です．） + +#### ファイル，PDF + +![ファイル，PDFのアイコン](pic24.PNG) + +「ファイル」からは画像や動画ファイルだけでなく，文書ファイルなども挿入することができます． + +また，「PDF」をタッチするとPDFファイルを挿入することができます．PDFファイルはファイルが開いた状態で挿入されるため，中身に書き込み等を加えることができます． + +以下の画像はファイルを挿入した様子です． + +【PDFを挿入する様子】 + +![PDFを挿入する様子](pic25.PNG) +![PDFを挿入する様子](pic26.PNG) + +挿入したいファイルを選択するとこのように挿入されます． + +## 授業での使用方法 + +### 準備 + +#### ホワイトボードとしての準備 + +何も書かれていない状態のページにリアルタイムで書き込みをしていくことで，対面授業におけるホワイトボードや黒板での板書をOneNote上で再現できます．この場合，基本的に初期状態のまま始めることが出来ます．ペンの太さや用紙のスタイルなどで変更を加えたい場合は，これまで紹介した方法を参考に授業前に変更しておくとスムーズです． + +#### 事前に用意しておいたPowerPointやPDFを読み込む + +OneNoteではPowerPointなどで作成したファイル(PDF化した状態で)を読み込んで，そこに書き込みを加えていくことができます．ファイルのインポートは，上で紹介したPDFの挿入方法を参考にしてください．事前に用意しておいた資料を読み込んでおき，授業で書き込みをすると以下の画像のようになります． + +【用意しておいた資料を読み込み，書き込みをした例】 +![](./pic27.PNG) + +#### 事前にOneNoteのページを作成しておく + +OneNoteを用いて予め授業資料を作っておくことも可能です．板書が多い場合などは授業前に大枠を書いておくと，授業中の板書の負担が減ります．また，これまでに紹介したツールなどを用いてイラストや図表などを多く用いた資料も作ることができます． + +### 画面共有 + +受講している学生とリアルタイムで板書を共有する最も簡単な方法は，OneNoteを利用している画面をそのままZoomで画面共有することです． +Zoomでの画面共有の方法は，uteleconの「[画面共有](/zoom/usage/screen_sharing/)」を参考にしてください． + +以下の画像はZoomを用いてOneNoteの画面共有を行った様子です． + +【Zoomを用いた画面共有】 +![](./pic28.PNG) + +本記事では詳述しませんが，OneNoteをiPadを使用している場合は，「AirPlay（またはその他のミラーリングソフト）」を用いた画面共有を行うこともできます． + +### 板書をする + +準備，共有ができたら実際に授業を行います． +これまでに紹介したツール等を用いて好きなように板書をすることができます． +実際に描画している様子については，[公式サイトの動画](https://support.microsoft.com/ja-jp/office/%E3%83%93%E3%83%87%E3%82%AA-onenote-%E3%81%A7%E6%8F%8F%E7%94%BB%E3%81%8A%E3%82%88%E3%81%B3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%81%E3%82%92%E8%A1%8C%E3%81%86-e5d9e43e-96a0-442a-85e9-298e029aa76c?wt.mc_id=otc_onenote)もご参照ください． + +### 資料配布 + +オンライン授業では受講生の様子が分かりにくいことからも，授業資料を配布することは非常に有効です． +ここではリンクを共有して資料を配布する方法とpdfとして配布する方法を紹介します． + +#### リンクを共有する + +リンクを共有することで受講生はそのリンクからOneNoteの画面を開くことができます．受講生側がOneNoteをインストールしていなくとも，ブラウザからリンクを開くことができるため問題ありません． + +この方法で配布することのメリットとしては，一度リンクを共有すれば，以降の授業で加えていった板書や後から加えた変更が，リンクをその都度共有しなくとも受講生側に反映される（更新を促す必要はあり）ことが挙げられます．また，授業前にリンクを共有しておけば，受講生は板書に追いつけなくなったときに流れてしまった部分を見ることができます． + +リンクを共有する方法については以下の画像をご参照ください． + +【リンクの送信の方法】 +![](./pic29.PNG) + +【公開範囲・編集の許可】 +![](./pic30.PNG) + +#### PDFとして配布する + +OneNoteの画面はPDFとして配布することも可能です． +PDFで配布することのメリットは，受講生が扱い慣れていることが多いため，管理や使用が楽な点にあります． +以下の画像の「ページのコピーを送信」から共有，または保存すると，PDF化されます． + +【PDF化して配布】 +![](./pic31.PNG) + +## グッドプラクティス・応用例の紹介 + +* [入江薫　先生：数理統計I，Ⅱ](/good-practice/interview/irie/) + * 入江先生の授業ではOneNoteを板書代わりに用いて，それをZoomで画面共有するという方法が用いられていました． + * 入江先生はOneNoteを授業で使う際，以下の点を工夫されていました． + * Microsoft SurfaceとSurfacePenを用いて板書をした． + * 指さしができないのが不便だったが，マーカー機能で代用した． + * 横向きにすると一度に表示される量が少なくなりスクロールが早くなってしまうため，縦向きに用いた． + * 縦向きにすることで字が小さくなるが，学生側がZoomの画面拡大機能を用いることで解決した． + diff --git a/src/pages/articles/onenote-whiteboard/pic01.PNG b/src/pages/articles/onenote-whiteboard/pic01.PNG new file mode 100644 index 0000000000..c4f595b994 Binary files /dev/null and b/src/pages/articles/onenote-whiteboard/pic01.PNG differ diff --git a/src/pages/articles/online-interaction/index.md b/src/pages/articles/online-interaction/index.md index 1db73d1fb1..3c64393a48 100644 --- a/src/pages/articles/online-interaction/index.md +++ b/src/pages/articles/online-interaction/index.md @@ -16,21 +16,15 @@ title: オンライン会議ツールを使って交流する ## Discord -
- -
+![](pic01.png){:.small} ### Discordとは オンラインでボイスチャット(音声を通した会話)ができるツールです．個人間でのチャットはもちろん，複数人での同時通話やテキストのやり取り，画像や動画のやり取りができることも特徴的です．ゲームプレイ中に用いるチャットアプリとしてよく利用されていますが，一般的な通話にも非常に便利なツールです． -
- -
+![](pic02.png) -
- -
+![](pic03.png) ### Discordの基本的な使い方 @@ -53,17 +47,13 @@ title: オンライン会議ツールを使って交流する ## Gather -
- -
+![](pic06.png){:.small} ### Gatherとは レトロゲーム風の遊び心のあるUIが特徴のオンラインコミュニケーションツールです．自分のアバターを操作して部屋を自在に行き来することができ，出勤やオフィスでの勤務を仮想的に体験することができます．バーチャルオフィスという実際のオフィスの環境をネット上に作るサービスの一つです． -
- -
+![](pic07.png) ### Gatherの基本的な使い方 @@ -88,17 +78,13 @@ title: オンライン会議ツールを使って交流する ## Remo -
- -
+![](pic08.png){:.small} ### Remoとは 6つの椅子に囲まれたテーブルが多く配置されているバーチャルな部屋に入り，それぞれのテーブルで会話をしたり，主催者が全員に向けて話したりして会議を進めることができるオンラインコミュニケーションツールです． -
- -
+![](pic09.png) ### Remoの基本的な使い方 diff --git a/src/pages/articles/paper-writing/index.md b/src/pages/articles/paper-writing/index.md index a5118408b1..45e73aa5cb 100644 --- a/src/pages/articles/paper-writing/index.md +++ b/src/pages/articles/paper-writing/index.md @@ -168,7 +168,7 @@ Mathpixは，パソコンのスクリーン上から数式を読み取ること 画面の下にキーボードが表示されるので，それを用いて表示したい数式を記入していきます．記入が終わると，画面にグラフが生成されます．複数のグラフを記入したい場合は，［入力］をクリックし，新しい数式を記入していくことで，新しいグラフを挿入できます．
- +
https://www.geogebra.org, Byju's
@@ -176,12 +176,12 @@ Mathpixは，パソコンのスクリーン上から数式を読み取ること x軸やy軸の単位やラベルの設定ができます．
- +
https://www.geogebra.org, Byju's
- +
https://www.geogebra.org, Byju's
@@ -191,7 +191,7 @@ x軸やy軸の単位やラベルの設定ができます． また，二次元座標系だけでなく，空間図形の描画など，様々なことができます．
- +
https://www.geogebra.org, Byju's
@@ -268,12 +268,12 @@ Google Keepは画像を保存することが出来るほか，画像のテキス まず，スキャンした画像をGoogle Keepに読み込ませます．
- +
https://utelecon.adm.u-tokyo.ac.jp/en/improvement/
- +
https://utelecon.adm.u-tokyo.ac.jp/en/improvement/
@@ -282,7 +282,7 @@ Google Keepは画像を保存することが出来るほか，画像のテキス また，下部のアイコンから背景の選択や図形の追加などの操作を行うことができます．
- +
https://utelecon.adm.u-tokyo.ac.jp/en/improvement/
diff --git a/src/pages/articles/question-tools/index.md b/src/pages/articles/question-tools/index.md index d7e451b008..17294d5d27 100644 --- a/src/pages/articles/question-tools/index.md +++ b/src/pages/articles/question-tools/index.md @@ -30,7 +30,7 @@ Zoomを用いて質問を募集するには，基本的に発声で質問して
Zoomのチャットを用いた質疑応答の例
- +
（良い点） @@ -61,7 +61,7 @@ CommentScreenは投稿されたコメントを，ZoomなどのWeb会議システ
CommentScreenの使用例
- +
（良い点） @@ -95,7 +95,7 @@ Slidoにはいくつかの機能がありますが，ここでは「Q&A」の機
Slidoで質問を受け付けた例
- +
（良い点） @@ -142,7 +142,7 @@ Slackでは，まずグループの「ワークスペース」を作り，その
Slackを用いた質疑応答の例
- +
（良い点） @@ -179,7 +179,7 @@ LINEオープンチャットでは，友達登録されていない人たちとU
LINEオープンチャットを用いた質疑応答の例
- +
（良い点） diff --git a/src/pages/en/articles/cosense/index.md b/src/pages/en/articles/cosense/index.md index d80b8a6139..12f2b73c82 100644 --- a/src/pages/en/articles/cosense/index.md +++ b/src/pages/en/articles/cosense/index.md @@ -28,9 +28,7 @@ Cosense is a tool provided by Helpfeel Inc. for storing and organizing a large n By using Cosense, you can easily create a document like the one below. -
- -
+![](30.png) ### Rate Plans (As of October 2021) @@ -47,7 +45,7 @@ In this section, you will learn how to create an account with Google Account. Access the website of Cosense ([https://cosen.se/product](https://cosen.se/product)) from your browser and click the "TRY IT FOR FREE" button.
- +
Click on the area circled in red (or the "SIGN UP" string in the upper right corner).
@@ -62,18 +60,14 @@ In some cases, you will be presented with multiple account suggestions (see the Once your Google account is connected, you will be taken to the Cosense account setting page. Please enter "Name" and "Username" respectively. -
- -
+![](5.png) * Your Google account name will by default be your “Name” in Cosense. You might re-enter to change it. * "Username" is used as the page title of your personal page and must be entered in half-width alphanumeric characters. It is best to use your own name for clarity. Select "Looks Good" to complete the account creation. When the following screen appears, click on the green "Create new project" button to create a project. -
- -
+![](13.png) For details on how to create a project, see "[Create a project](#create_project)". @@ -98,9 +92,7 @@ Below we will explain how to create a project. * **"Upload image to"**: Select where you want to upload the image. Normally, you can select "scrapbox.io". The uploaded image will be saved on Cosense. 4. When you are done, click the green "Create" button. -
- -
+![](14.png) ## Sharing a Project @@ -164,15 +156,11 @@ The following explains how to format and edit a page. The first line is the title, and the second and subsequent lines are the body. The title line can be left blank. However, as it will become the heading in the page list screen, it is recommended that you write something in it for easy location. -
- -
+![](9.png) By typing a space at the beginning of a line, you can create a bullet list; pressing Enter will automatically move to the next bullet list. If you want to stop bulleting, press the Enter key twice. -
- -
+![](10.png) You can create a hierarchy by typing a space at the beginning of each line. The depth of the hierarchy can be freely adjusted by the number of single-byte spaces. @@ -180,20 +168,14 @@ You can create a hierarchy by typing a space at the beginning of each line. The --> -
- -
+![](26.png) You can also add decorations such as bold, italic, strikethrough and others. by selecting the text. For example, if you select a string of text and choose "strong" from the window that comes up, you can make the text bold. -
- -
+![](28.png) -
- -
+![](29.png) ### Jumping From One Page to Another @@ -201,60 +183,44 @@ If you want to structure pages (relate pages to each other), you can use the lin You can automatically generate links by enclosing the string you want to link with `[ ]`, and hashtags by prefixing the string with `#`. Links and hashtags are displayed in blue and pink respectively. -
- -
+![](11.png) Clicking on a link or a hashtag string will take you to a page titled with the respective string. If you click on the "Link" string in the previous image, you will be taken to a new page with the title "Link". From here, you can create a new page by typing the text. -
- -
+![](12.png) Pages with the same hashtag will be displayed together at the bottom of the screen. You can use the same hashtag for all related pages to make the connection easier to understand. -
- -
+![](27.png) Clicking on the project name in the upper left corner will take you to the page list screen (the top page of the project). -
- -
+![](15.png) -
- -
+![](16.png) ### Inserting an Image #### When Operating on a PC To insert an image saved on your PC, drag and drop or copy and paste it into the page. -
- -
+![](17.png) On the right side of the screen, you can also select "Upload file" from the ![](20.png){:.icon} icon (red circle in the image below) and select the file you want to insert. -
- -
+![](21.png) #### When Operating on a Mobile Phone In the mobile version, click the ![](20.png){:.icon}icon in the upper right corner, select "Upload file" (red circle in the image) to insert an image saved on your cell phone. -
- -
+![](19.png) ### Inserting a Hand-drawn Diagram @@ -266,30 +232,21 @@ Click the ![](20.png){:.icon} icon on the right side of the screen and select "D On the drawing screen, you can use the mouse or a pen-tab to draw freely. -
- -
+![](22.png) Once you have created an image to insert, click the green "Upload" button in the upper right corner. -
- -
+![](23.png) The created image will be inserted into the page. -
- -
-
+![](24.png) #### When Operating on a Mobile Phone If you are using the mobile version, click on the ![](20.png){:.icon} icon in the upper right corner, select "drawing" (red circle in the image) to perform the same operation. -
- -
+![](31.png) ## Tips: Notifying Updates to Chat Tools such as Slack diff --git a/src/pages/en/articles/goodnotes-writing/index.mdx b/src/pages/en/articles/goodnotes-writing/index.mdx index 786660546b..fb731e0c1b 100644 --- a/src/pages/en/articles/goodnotes-writing/index.mdx +++ b/src/pages/en/articles/goodnotes-writing/index.mdx @@ -198,9 +198,9 @@ By writing on a blank page in real time, GoodNotes 5 can reproduce the writing o The following section explains how to create a new notebook. 1. Open GoodNotes 5 and select "Documents" at the bottom of the screen. -2. Navigate to the folder where you want to create a new notebook, and tap “New…”. -3. Tap "Notebook" from the menu that appears. -4. Select whether or not you want a cover, and choose the paper size, color, layout, and borderline type, etc.. Tap "Create" when you are done. +2. Navigate to the folder where you want to create a new notebook, and tap “New…”. ![](./pic52.jpeg) +3. Tap "Notebook" from the menu that appears. ![](./pic53.jpeg) +4. Select whether or not you want a cover, and choose the paper size, color, layout, and borderline type, etc.. Tap "Create" when you are done. ![](./pic54.jpeg) 5. A blank notebook will be created. #### Importing Pre-prepared PowerPoint or PDF Files @@ -212,10 +212,10 @@ The following section explains how to import files saved on Google Drive into Go 1. Save the file you want to import into GoodNotes 5 to your Google Drive. For instructions, see “[Basic usage of Google Drive](/en/articles/google-drive/)”. 2. Open Google Drive on your iPad. * You can install Google Drive from [App Store](https://apps.apple.com/jp/app/google-%E3%83%89%E3%83%A9%E3%82%A4%E3%83%96-%E5%AE%89%E5%85%A8%E3%81%AA%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3-%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8/id507874739). -3. Navigate to the folder that contains the file you want to open in Google Drive (PDF, Power Point, or Word file), and tap the "..." button next to the file name of the file. +3. Navigate to the folder that contains the file you want to open in Google Drive (PDF, Power Point, or Word file), and tap the "..." button next to the file name of the file. ![](./pic41.jpeg) 4. Tap "Open in" from the menu that appears．![](./pic42.jpg) -5. The message "Preparing to export" will be displayed. Wait until the download is ready. -6. Tap “Open in GoodNotes” from the menu that appears. +5. The message "Preparing to export" will be displayed. Wait until the download is ready. ![](./pic43.jpeg) +6. Tap “Open in GoodNotes” from the menu that appears. ![](./pic44.jpeg) 7. GoodNotes 5 will open automatically with the screen "Import to GoodNotes" appearing. Select the location where you want to save the file in GoodNotes 5, and tap “Import as New Document". (Note) If you have opened another file in GoodNotes 5, you will see the option "Import into Current Document" in addition to "Import as New Document". If you want to combine the document currently opened in GoodNotes 5 with a premade document, select "Import into Current Document". @@ -229,10 +229,10 @@ The simplest way to share the handwriting with students in real time is to share For general information on how to use Zoom, please refer to "[Zoom](/en/zoom/)". -1. Join the Zoom meeting with your iPad. Tap “Share Content” from the menu bar and select ”Screen”. -2. Tap “Start BroadCast”. -3. The message “You are sharing your screen” will be displayed. -4. When you switch the application from Zoom to GoodNotes 5, the screen of GoodNotes 5 will be shared. A red mark will appear in the upper right corner of the screen while the screen is being shared. +1. Join the Zoom meeting with your iPad. Tap “Share Content” from the menu bar and select ”Screen”. ![](./pic37.jpeg) +2. Tap “Start BroadCast”. ![](./pic38.jpeg) +3. The message “You are sharing your screen” will be displayed. ![](./pic39.jpeg) +4. When you switch the application from Zoom to GoodNotes 5, the screen of GoodNotes 5 will be shared. A red mark will appear in the upper right corner of the screen while the screen is being shared. ![](./pic40.jpeg) Although not described in detail in this article, it is also possible to share the iPad screen from a Mac or Windows PC by using a method such as screen sharing using "AirPlay (or its screen mirroring software)". @@ -261,16 +261,16 @@ The following are some of the tips shared by the professors. By exporting the notes to PDF or image files (.jpeg), you can share the notes with your students as a review material after the class. The following is a description of the procedure for creating a document. 1. Tap "Share and Export", and then tap "Export All" or "Export This Page". If you select "Export All", all pages will be documented. If you select "Export This page", you can export only the page you are viewing as a document. - +![](./pic56.jpeg) 1. Select the file format you want to export from among PDF, image (.jpeg), and GoodNotes files. Enter a file name in the "FILENAME" field, and tap "Export". - +![](./pic57.jpeg) 1. Tap the application you want to open the exported file. You can save the exported file to Google Drive, or send it as an attachment via Slack or email. In this article, we will show you how to save the file to Google Drive. - +![](./pic58.jpeg) 1. Select the destination folder in Google Drive, and tap "Save here". - +![](./pic59.jpeg) 1. Tap “Upload”. - +![](./pic60.jpeg) diff --git a/src/pages/en/articles/goodnotes-writing/pic37.jpeg b/src/pages/en/articles/goodnotes-writing/pic37.jpeg new file mode 100644 index 0000000000..37be3325c8 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic37.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic38.jpeg b/src/pages/en/articles/goodnotes-writing/pic38.jpeg new file mode 100644 index 0000000000..9b23c1fdc6 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic38.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic39.jpeg b/src/pages/en/articles/goodnotes-writing/pic39.jpeg new file mode 100644 index 0000000000..4f8834ea03 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic39.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic40.jpeg b/src/pages/en/articles/goodnotes-writing/pic40.jpeg new file mode 100644 index 0000000000..076f98adb5 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic40.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic41.jpeg b/src/pages/en/articles/goodnotes-writing/pic41.jpeg new file mode 100644 index 0000000000..b774b6b1d2 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic41.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic43.jpeg b/src/pages/en/articles/goodnotes-writing/pic43.jpeg new file mode 100644 index 0000000000..6f960b2a8e Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic43.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic44.jpeg b/src/pages/en/articles/goodnotes-writing/pic44.jpeg new file mode 100644 index 0000000000..b1a39abb19 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic44.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic52.jpeg b/src/pages/en/articles/goodnotes-writing/pic52.jpeg new file mode 100644 index 0000000000..346d0b67f6 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic52.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic53.jpeg b/src/pages/en/articles/goodnotes-writing/pic53.jpeg new file mode 100644 index 0000000000..a9c52ad013 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic53.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic54.jpeg b/src/pages/en/articles/goodnotes-writing/pic54.jpeg new file mode 100644 index 0000000000..cd038d646b Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic54.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic56.jpeg b/src/pages/en/articles/goodnotes-writing/pic56.jpeg new file mode 100644 index 0000000000..29ceb91315 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic56.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic57.jpeg b/src/pages/en/articles/goodnotes-writing/pic57.jpeg new file mode 100644 index 0000000000..5ba190db5c Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic57.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic58.jpeg b/src/pages/en/articles/goodnotes-writing/pic58.jpeg new file mode 100644 index 0000000000..5d7ed4bc43 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic58.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic59.jpeg b/src/pages/en/articles/goodnotes-writing/pic59.jpeg new file mode 100644 index 0000000000..2dc9ec6e5d Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic59.jpeg differ diff --git a/src/pages/en/articles/goodnotes-writing/pic60.jpeg b/src/pages/en/articles/goodnotes-writing/pic60.jpeg new file mode 100644 index 0000000000..7b44b1df81 Binary files /dev/null and b/src/pages/en/articles/goodnotes-writing/pic60.jpeg differ diff --git a/src/pages/en/articles/google-drive/index.md b/src/pages/en/articles/google-drive/index.md index e21378ccbd..9e6134fd92 100644 --- a/src/pages/en/articles/google-drive/index.md +++ b/src/pages/en/articles/google-drive/index.md @@ -30,9 +30,7 @@ Then, the following screen will be displayed. The account holder can add, edit, move, and delete files, as well as share files and folders. -
- -
+![](pic1.png) * **(1) Candidate List**: This shows shared items and files in shared drives in addition to files in My Drive. Information on when the file was last edited and the editor is shown below the file name. * **(2) Folders**: A list of folders that you have created will be displayed here. However, even if you are not the creator, files uploaded through other Google applications (e.g. Google Classroom) may be automatically grouped into folders. @@ -52,9 +50,7 @@ For more details about the use of Google Drive, please refer to the official sup With a shared drive, you can manage files in the drive within your organization. The administrator can grant 5 levels of permissions to members, and can set permissions based on the user's affiliation and job description. If you log in with your ECCS Cloud Email Account, you can use the university shared drive. However, if you log in with your personal account, you are restricted from accessing it. -
- -
+![](pic2.png) Shared drives access levels: diff --git a/src/pages/en/articles/google-form/index.md b/src/pages/en/articles/google-form/index.md index b0ff847fe5..cb5148938b 100644 --- a/src/pages/en/articles/google-form/index.md +++ b/src/pages/en/articles/google-form/index.md @@ -35,9 +35,7 @@ If you are logged in to your Google account (ECCS Cloud Email account), you can On the Google page, click the square with six dots next to your Google account icon in the upper right corner, and then "Forms" to start. -
- -
+![](photo_01.png) ## Basic Use (Quiz) @@ -49,23 +47,17 @@ In this section, we will show you how to create a quiz. In the "Start a new form" field, click the leftmost "Blank Quiz" button. -
- -
+![](photo_02.png) After clicking, you will see a screen like the one below. -
- -
+![](photo_03.png) #### Setting up as a Quiz Click on the Settings (the blue circle in the picture below) and turn on the "Make this a quiz". If you turn on "Make this a quiz", you can use automatic scoring (see [Apply automatic scoring](#apply-automatic-scoring)). You can also set the method of grade disclosure and other options. -
- -
+![](photo_04.png) #### Create a Question @@ -73,15 +65,11 @@ Click on the Settings (the blue circle in the picture below) and turn on the "Ma Click on the arrow icon on the right of the question form (the red circle as shown in the image below) and select "Multiple Choice". Enter the question in the green frame and answers in the light blue frame. -
- -
+![](photo_05.png) Click on the "︙" (a red circle in the lower right corner), and select "Shuffle row order". -
- -
+![](photo_06.png) ※Automatic grading is possible. For details, see [Apply automatic scoring](#apply-automatic-scoring). @@ -101,9 +89,7 @@ Select "Short answer" from the down arrow icon on the right (refer to the red ci Enter a question in the green frame below. -
- -
+![](photo_07.png) ##### Create long descriptive questions with "Paragraph". @@ -120,41 +106,29 @@ In Google Forms, you can enter model answers in advance for automatic scoring. D Click "Create Answer key" at the bottom left. -
- -
+![](photo_08.png) Fill in, select the correct answers and set the score. -
- -
+![](photo_09.png) Add explanatory text, links, or videos by clicking "Add answer feedback" if deemed necessary. -
- -
+![](photo_10.png) Change your preference on "Release Marks" and "Respondents Settings" from “Settings". -
- -
+![](photo_11.png) #### Add a question/section If you want to add more questions, click on the right cross button icon (the light blue circle in the image below). If you want to add more sections, click on the icon with two squares (the green circle in the image below). -
- -
+![](photo_12.png) You can also shuffle the test questions themselves by clicking “Settings” (the light blue rectangle in the image below) and turning on the "Shuffle question order" under “Presentation” (shuffling question order is effective in preventing cheating). -
- -
+![](photo_13.png) #### Public settings @@ -166,17 +140,13 @@ If you do not want to do this, you can skip this section. 1. Click on “Settings” (the red circle in the image below) and open “Responses”. 2. Make sure that the "Restrict to users in 東京大学ECCSクラウドメール and its trusted organisations" is turned on. If you turn on "Collect email addresses", the ECCS email address of respondents will be automatically recorded. -
- -
+![](photo_14.png) ##### Allow answer checking after submission Click on “Settings” (the red circle below), open “Responses”, turn on “Collect email addresses”, select “Always” for “Send responders a copy of their response”. -
- -
+![](photo_15.png) ### Steps for Implementation @@ -184,9 +154,7 @@ Click on “Settings” (the red circle below), open “Responses”, turn on Click on the eye symbol icon on the right (the red circle below) to preview your quiz before sharing. -
- -
+![](photo_16.png) #### Share your Google Form @@ -194,17 +162,13 @@ Click "Send" on the right, and then the link symbol (the blue circle in below) t In a large class, it is suggested to duplicate the form for access divide to avoid link breakdown due to heavy internet traffic. For more details, see [Prof. Yotsumoto's Good Practice (only in Japanese)](/good-practice/interview/yotsumoto/). -
- -
+![](photo_17.png) Note: "Add collaborators" option appears when you click on the "︙" button next to “Send”. This allows you to add users who can create questions or check the results. In other words, they share the same management controls with the form creator. Note that this "Get Link" is for form editing but not answering. #### End the quiz -
- -
+![](photo_18.png) When time is up, click "Responses" (the red circle above) to turn off "Accepting responses" (the blue circle above) to end your quiz. @@ -223,9 +187,7 @@ Click on "Responses" (the red circle below) to view respondents’ answers. A downloadable spreadsheet containing all answers can be generated by clicking the spreadsheet icon (the orange circle in the image below). -
- -
+![](photo_19.png) ## Basic Use (Questionnaire) @@ -237,9 +199,7 @@ Below are steps to create a matrix questionnaire. 1. Click the arrow symbol on the right (the red circle in the image below) and select "Multiple-choice grid". 2. Enter questions in “Rows” and choices in “Columns”. -
- -
+![](photo_20.png) ## Basic Use (Others) diff --git a/src/pages/en/articles/onenote-whiteboard/index.mdx b/src/pages/en/articles/onenote-whiteboard/index.mdx index 99f25a2b95..6c8b3bbbb5 100644 --- a/src/pages/en/articles/onenote-whiteboard/index.mdx +++ b/src/pages/en/articles/onenote-whiteboard/index.mdx @@ -19,7 +19,7 @@ OneNote is one of the applications provided by Microsoft, and it is equipped wit In this article, we will mainly introduce how to use a tablet and a stylus to write on the board and documents. - +![](pic01.PNG){:.small} ### Specifications * Source diff --git a/src/pages/en/articles/onenote-whiteboard/pic01.PNG b/src/pages/en/articles/onenote-whiteboard/pic01.PNG new file mode 100644 index 0000000000..c4f595b994 Binary files /dev/null and b/src/pages/en/articles/onenote-whiteboard/pic01.PNG differ diff --git a/src/pages/en/articles/online-interaction/index.md b/src/pages/en/articles/online-interaction/index.md index 67e6552bef..376aeb4f19 100644 --- a/src/pages/en/articles/online-interaction/index.md +++ b/src/pages/en/articles/online-interaction/index.md @@ -18,21 +18,15 @@ Here is a comparison of three tools for online meetings and conferencing: Discor ## Discord -
- -
+![](pic01.png){:.small} ### What is Discord? Discord is a tool for online voice chat (conversation through voice). It is characterized by its ability to allow for chatting not only between individuals, but also between multiple people simultaneously, exchanging text, images, and videos. It is often used as a chat application during game play, but it is also a very useful tool for general calls. -
- -
+![](pic02.png) -
- -
+![](pic03.png) ### Basic Instructions on How to Use Discord @@ -57,17 +51,13 @@ Discord is a tool for online voice chat (conversation through voice). It is char ## Gather -
- -
+![](pic06.png){:.small} ### What is Gather? This online communication tool features a playful UI in the style of retro games. Users can control their avatars to move freely between rooms and virtually experience going to work and working in an office. This is one of the virtual office services that create an actual office environment on the Internet. -
- -
+![](pic07.png) ### Basic Instructions on How to Use Gather @@ -92,17 +82,13 @@ This online communication tool features a playful UI in the style of retro games ## Remo -
- -
+![](pic08.png){:.small} ### What is Remo? Remo is an online communication tool that allows users to enter a virtual room with many tables, each surrounded by six chairs, and to carry on a meeting by having conversations at each table or by having the organizer address everyone. -
- -
+![](pic09.png) ### Basic Instructions on How to Use Remo diff --git a/src/pages/en/articles/question-tools/index.md b/src/pages/en/articles/question-tools/index.md index 56c0e9da90..fd2639a8ae 100644 --- a/src/pages/en/articles/question-tools/index.md +++ b/src/pages/en/articles/question-tools/index.md @@ -33,7 +33,7 @@ Using the Chat feature allows participants to ask questions whenever they want,
Example of Q&A using Zoom’s Chat feature
- +
(Advantages) @@ -64,7 +64,7 @@ Since you can have the posted questions flow across your screen, you can read an
An example of using CommentScreen
- +
(Advantages) @@ -100,7 +100,7 @@ Although Slido has several features, we will focus on examples of how to collect
Examples of Questions Collected Using Slido
- +
(Advantages) @@ -150,7 +150,7 @@ You can collect and respond to questions by creating a workspace for your class
An example of Q&A using Slack
- +
(Advantages) @@ -187,7 +187,7 @@ You can set up a room for the class and host Q&A sessions by inviting participan
Example of Q&A conducted using LINE Open Chat
- +
(Advantages) diff --git a/src/pages/en/notice/2023/12-zoom-cloud-recording/index.md b/src/pages/en/notice/2023/12-zoom-cloud-recording/index.md index 22dc740360..43279f4176 100644 --- a/src/pages/en/notice/2023/12-zoom-cloud-recording/index.md +++ b/src/pages/en/notice/2023/12-zoom-cloud-recording/index.md @@ -59,11 +59,11 @@ The following systems are available for saving and sharing video data online at ## Survey Results of Cloud Recording Usage
- +
Figure 1: Access history of Zoom cloud recordings (by time of recording)
- +
Figure 2: Distribution of time between recording and last access for Zoom cloud recordings
diff --git a/src/pages/en/slido/how_to_use_host.md b/src/pages/en/slido/how_to_use_host.md index 26ac19160e..80861eacef 100644 --- a/src/pages/en/slido/how_to_use_host.md +++ b/src/pages/en/slido/how_to_use_host.md @@ -16,9 +16,7 @@ In Slido, the Q&A feature allows students to freely send questions and comments. To create a Q&A, select “Audience Q&A” in the upper left corner of the screen or under “Add new interaction”. -
- -
+![](img/slido11.png){:.border} ### Q&A Settings @@ -30,10 +28,8 @@ Clicking “Q&A settings” in the top right corner of the Q&A screen allows you * **Labels**: You can use the tag (label) feature to categorize and manage questions. You can also create new labels from the “Create a new label” field. * **Downvotes**: Students can downvote questions to express disagreement. Note that the “Like” (upvote) feature is always enabled. -
- - -
+![](img/slido21.png){:.border} +![](img/slido22.png){:.border} ### Checking Students’ Questions @@ -42,9 +38,7 @@ The questions and comments from students will be displayed in the "Live" column By default, the questions and comments are displayed in descending order of the number of “Likes” given to each post (“Top”: most popular), and are automatically updated. You can also sort by “Recent”: sort posts from newest to oldest. Just select the up/down arrows (“⇅” icon) at the top right of the screen. -
- -
+![](img/slido19.png){:.border} By hovering the cursor over each question/comment, the following buttons will appear and you can make an action to the question/comment. * **Highlight (Green icon)**: You can pin a specific question/comment to the top of the screen. Posts set here will also be fixed at the top of all participants' screens. @@ -67,9 +61,7 @@ If you click **Archive** at the top right of the screen, a list of archived ques In Slido, the polls feature allows teachers to ask questions/quizzes to students. -
- -
+![](img/slido1.png){:.border} (1) Event name and date
(2) Event code
diff --git a/src/pages/notice/2023/12-zoom-cloud-recording/index.md b/src/pages/notice/2023/12-zoom-cloud-recording/index.md index 3ed289c1f9..0875f940bb 100644 --- a/src/pages/notice/2023/12-zoom-cloud-recording/index.md +++ b/src/pages/notice/2023/12-zoom-cloud-recording/index.md @@ -61,11 +61,11 @@ title: Zoomクラウド録画における不要なデータ削除等のお願い ## クラウド録画の使用状況の調査結果
- +
図1：Zoomクラウド録画のアクセス履歴の有無（録画時期別）
- +
図2：Zoomクラウド録画における録画から最終アクセスまでの期間の分布